CSS選擇器VS班的造型元素

讓我們來看看下面的HTML塊，
HTML Chunk CSS選擇器VS班的造型元素

這裏，在上述區塊中，我們使用類每格。
我們也可以用CSS selectors

 .first{ 
     /* some styles */ 
     } 
     .first:nth-child(1){ 
     /* some styles */ 
     } 
     .first div:nth-child(1){ 
     /* some styles */ 
     }

以上CSS塊替換classes也能滿足我們的要求
什麼是最好的做法是什麼？說明我們可以用selectors和classes
謝謝:)

來源

2013-03-12 Navaneeth

想到使用類的第一個優點是，當你插入一個新元素時，你必須重構所有後續的'：nth-child（）'選擇器。 – user1936123 2013-03-12 05:44:07

我認爲這是更好地使用CSS選擇器樣式時，該樣式與元件的位置，並以其他方式使用類的條件。

例如，如果每行的表格背景與它們的位置有關，例如，第一行顯示爲紅色，第二行顯示綠色，第三行顯示藍色，第四行顯示紅色，第六行等。在這種情況下，最好使用像:nth-child(3n+1)這樣的CSS選擇器，這樣你就不需要在HTML中寫入額外的信息，如class='red'，這是一種不好的做法，因爲如果你想稍後使用四種顏色，很難改變。

但是，如果表格行的背景由它們的值決定，比方說小於0的值爲紅色，大於0的值爲綠色，藍色爲0。您可能會發現很難用CSS表示它選擇器如此添加class='lz0'可能是明智的做法。

總之，記住內容和風格應該是分離的。使用HTML來表示內容和結構，並使用CSS來表示樣式。

來源

2013-03-12 05:52:33 Ovilia

CSS選擇器VS班的造型元素

回答

相關問題