很多關於元素與一個特定類的CSS類？

我很想知道哪種方式是最好的表現明智的，想想這個簡單的一般例子，我希望有一個包含文本的元素，大膽的下劃線和藍色的顏色。很多關於元素與一個特定類的CSS類？

我可以用這樣的方式：

<p class="bold underlined blue">Happy little clouds</p>

或

<p class="bold-underlined-blue">Happy little trees</p>

第一顯然會產生更多的類，但最終重新使用這些類的似乎不是使一個更好非常具體的課程，但另一方面，生產更多的課程，我認爲這會對性能產生影響。

來源

2017-02-16 LouisColeman

如果你不會去重用，你會在更多其他規則中定義'font-weight：bold;'。因此，「性能影響」不應該成爲您的第一個解決方案的大問題。 –

表現方面，在*你的具體例子*中，第二個更好; CSS文件越小，載入的速度就越快。但是讓我們成爲現實 - 對於每個元素的特定類的實際使用情況是什麼？而不是可重用的？如果你爲每個元素製作一個特定的類，那麼你將總是擁有*至少*與頁面元素一樣多的CSS規則。如果你去重複使用的課程，你可以有100個元素，只有10個規則。所以在99.9％的情況下，*可重用類是最好的選擇。投票結束爲「主要意見基礎」。 – Santi

「主要基於意見」的一種方式會比另一種更快，這就是我所問的問題，但後來有可用性vs可讀性，我同意這種說法是基於意見的，而不是我問的問題 – LouisColeman

前一種方法（使用多個類）肯定更好。您不僅可以風格的元素有獨立：

.bold { 
    font-weight: bold; 
} 

.underlined { 
    text-decoration: underline; 
} 

.blue { 
    color: blue; 
}

但你也可以他們的風格爲特定的組合相互如：

.bold.underlined.blue { 
    font-size: 18px; 
}

在上面的例子中，font-size將僅適用於相應元素具有全部三個類別的情況下，其本質上與後者方法本身相同:)

否t只使用專門的類爲您提供了更多的功能，但速度也更快 - 因爲您可能在整個文檔中多次重複使用類似font-weight: bold的樣式，所以專用類意味着您只需要編寫一次宣言，而不是必須將其寫入每個單獨的選擇器中。

但是，這些專門化的類只應創建用於多次重複使用的事物 - 爲僅使用一次的內容創建專用類將是多餘的。

希望這會有所幫助！

來源

2017-02-16 21:10:42

OP主要關注性能問題。嘗試解決這個問題以及你的答案。 –

剛剛更新瞭解決性能問題的答案:) –

很多關於元素與一個特定類的CSS類？

回答

相關問題