手写笔不允许样式生效
stylus not allowing styles to take affect
有人可以解释为什么会发生这种情况以及如何解决它吗?这是文件:
global-reset()
*
box-sizing border-box
font-size 16px
font-family sans-serif
.header
background #e1e1e1
height 20em
border-bottom 5px solid #000
position relative
.header:before
position absolute
display block
content ''
border-bottom 5px solid red
height 100%
width 100%
box-sizing border-box
.nav
display flex
align-items center
justify-content flex-end
padding-top 1em
ul, li
list-style none
display inline
margin-left 1em
margin-right 1em
a
text-decoration none
color #999
.title
display flex
align-items center
justify-content center
padding-top 2em
h1
padding-top 1em
font-size 2em
font-weight 600
.sub-title
min-height 8em
display flex
align-items center
justify-content center
h2
color #333
这是一个非常基本的手写笔文件,但由于某些奇怪的原因,.header 和 .header:before 部分中的底部边框样式没有生效。背景颜色和显示 alignments/padding 的样式都很好。
我正在使用 atom 作为文本编辑器。我似乎没有始终如一地标记代码,有些空格有些标签。我在查看有关问题的代码时得出了这个结论。代码在文本编辑器中看起来不像那样。
我认为根据您在 "comment" 答案中所写的内容以及您 post 的内容,您应该查看空格。用空格替换所有制表符。 Stylus 是基于空格的,因此同时使用制表符和空格会让你的生活很痛苦。
有人可以解释为什么会发生这种情况以及如何解决它吗?这是文件:
global-reset()
*
box-sizing border-box
font-size 16px
font-family sans-serif
.header
background #e1e1e1
height 20em
border-bottom 5px solid #000
position relative
.header:before
position absolute
display block
content ''
border-bottom 5px solid red
height 100%
width 100%
box-sizing border-box
.nav
display flex
align-items center
justify-content flex-end
padding-top 1em
ul, li
list-style none
display inline
margin-left 1em
margin-right 1em
a
text-decoration none
color #999
.title
display flex
align-items center
justify-content center
padding-top 2em
h1
padding-top 1em
font-size 2em
font-weight 600
.sub-title
min-height 8em
display flex
align-items center
justify-content center
h2
color #333
这是一个非常基本的手写笔文件,但由于某些奇怪的原因,.header 和 .header:before 部分中的底部边框样式没有生效。背景颜色和显示 alignments/padding 的样式都很好。
我正在使用 atom 作为文本编辑器。我似乎没有始终如一地标记代码,有些空格有些标签。我在查看有关问题的代码时得出了这个结论。代码在文本编辑器中看起来不像那样。
我认为根据您在 "comment" 答案中所写的内容以及您 post 的内容,您应该查看空格。用空格替换所有制表符。 Stylus 是基于空格的,因此同时使用制表符和空格会让你的生活很痛苦。