像Stylus或SASS这样的CSS预处理器中的规则顺序是否有一个通用的最佳实践? 是更好地首先添加的规则对不同类型相同的元素,然后在后面加上该元素的孩子: header
&.fooBar
float left
nav
background-color #fff
还是更先添加儿童和事后添加父母的班级等是这样的: header
nav
我处于这种情况,我想将相同的CSS规则分配给几个选择器,通常我使用Stylus interpolation将几个类分配给一个变量。 pages = '.home, .about, .contact'
{pages}
a
color black
这样产生的: .home a, .about a, .contact a {
color: black;
}
是否可以在Stylus中使用for周期的范围值和单值(合并)? for item in range(2, 7) 14 33
li:nth-child({item})
color red
或 for item in 2..7 14 33
li:nth-child({item})
color red
的代码无法正常工作。只有在使用范围或一组单值时才能
Stylus是否可以定义要使用的关键字/变量而不是长@media行规则? 例如: IE = @media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm)
,然后用它作为 .div1
IE
color red