像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