我應該只使用CSS類型的類嗎？

我讀過一篇文章，建議我們只應使用我們標記中的類，並且僅當我們需要從javascript引用它時才使用id（因爲它更容易將函數附加到id）我應該只使用CSS類型的類嗎？

此刻當我有多個需要相似風格的元素時，我只使用類。然而，文章（我覺得我讀 - 但有沒有參考）指出，我們應該在整個

使用類我這樣做：

<header id="banner"></header>

凡作爲建議是：

<header class="banner"></header>

（即使該橫幅僅用於每頁一次）

這是新的「良好做法」嗎？

感謝

來源

2012-05-08 aurel

即使您完全不使用JavaScript，使用ID選擇器也沒有問題，只要您適當地使用它們並且不要複製它們即可。 – animuson

據我知道你是正確的，那麼當您需要的款式多種元素和ID，當你只是一個造型獨特的元素使用類。

來源

2012-05-08 16:37:36

我認爲你可能偶然發現了一篇關於object oriented css的文章。基本的想法是，你應該將這種風格想象成一種通過類與你的標記相關聯的抽象。我認爲這是一種保持組織安排的好技術，但是，與所有技術一樣，這不是一個通用的硬性規則。只要最有意義，我將鏈接樣式與標識與標識進行鏈接沒有問題。

這是「有意義」，這是一個真正棘手的事情來定義。

來源

2012-05-08 16:39:33 Matt

基本上你應該使用ID獨特的元素，這意味着如果你想保持在頁面上的元素，將不會出現在網頁上，然後兩次，你應該使用ID和樣式的一組元素以相同的風格或保留一些元素在同一組中，您應該使用類。

但請記住，你也可以使用類單個a元素，但你永遠不能使用ID在頁面上的多個元素。

例如，getElementById或$('#idOfElement') (using jQuery)返回單個元素，但是getElementsByClassName或$('.idOfElement') (using jQuery)返回匹配元素的數組。因此，如果頁面上有多個元素使用相同的ID，那麼您將只會得到具有該ID的第一個元素，因此對於多個元素，請勿使用ID。

來源

2012-05-08 16:47:12

ID屬性，定義和用法

id屬性指定用於HTML元素（值必須是在HTML文檔中是唯一的）的唯一ID。

id屬性最常用於指向樣式表中的樣式，並且通過JavaScript（通過HTML DOM）來操作具有特定id的元素。

瞭解更多關於它here!

類屬性，定義和用法

的類屬性指定的元素的一個或多個類名。

class屬性主要用於指向樣式表中的類。但是，它也可以被JavaScript（通過HTML DOM）用來更改具有指定類的HTML元素。

瞭解更多關於它here!

所以，你可以使用任何標識的你的類的，只要知道這個類可以在整個你的網頁的其他元素再利用，ID必須永遠是獨特的風格。

的原因告訴類的都利用應用CSS是因爲你可以有泛型類的名稱，並通過您的網頁使用的話，很多，從而簡化和縮短時間花費編碼:)

最好的屬性

簡單的例子：

HTML

<div id="theUniqueID"> 
    Hello! 
</div> 
<div id="theUniqueIDTwo"> 
    Hello Again! 
</div>

CSS

#theUniqueID { 
    font-size: 15px; 
    text-align: right; 
} 
#theUniqueIDTwo { 
    font-size: 15px; 
    text-align: right; 
}

可降低到：

#theUniqueID, #theUniqueIDTwo { 
    font-size: 15px; 
    text-align: right; 
}

，並且可以跨文件被一般使用這樣的：

.format_01 { 
    font-size: 15px; 
    text-align: right; 
}

有那麼HTML這樣的：

<div class="format_01"> 
    Hello! 
</div> 
<div class="format_01"> 
    Hello Again! 
</div> 
<div class="format_01"> 
    Hello Again and Again! 
</div>

PS： 很抱歉的矯枉過正的答案，但是這允許其他人用更少的知識學習爲好。

來源

2012-05-08 16:53:51 Zuul

我應該只使用CSS類型的類嗎？

回答

相關問題