，是由上海社會科學院編寫CSS選擇是不好的瀏覽器

-1

#main { 
    width: 97%; 
    p, div { 
    font-size: 2em; 
    a { font-weight: bold; } 
    } 

    pre { font-size: 3em; } 
}

被編譯爲：

#main { 
    width: 97%; 
} 
#main p, #main div { 
    font-size: 2em; 
} 
#main p a, #main div a { 
    font-weight: bold; 
} 
#main pre { 
    font-size: 3em; 
}

瀏覽器不喜歡很多嵌套的選擇和重複父母選擇器。那麼，哪種編寫SCSS最好的方法？

來源

2017-04-23 Deman

這個問題可能會引起輿論導向的答案，但我覺得它很有趣。儘管瀏覽器可能「不喜歡」大量的嵌套選擇器和父母的重複，但它並不是解釋CSS的最有效方式 - CSS通常非常快速，所以在我之前需要有一套非常龐大的規則認爲你會注意到一個可感知的問題。 Sass是一分鐘性能成本的可維護性權衡。我會說避免不必要的嵌套 - 它不需要反映你的標記結構 - 你應該沒問題。只是我的意見，但。 –

在我看來，最好的辦法是擺脫所有這種嵌套，如果可能的話。如果可以的話，只需將類添加到這些p,div,a等等，然後根據這些類創建CSS規則，而無需嵌套。

它在開始時可能看起來有點冗長，但很快你會注意到這種方法更容易和更強大。

來源

2017-04-23 09:50:40

，是由上海社會科學院編寫CSS選擇是不好的瀏覽器

回答

相關問題