CSS中什么時候用id什么時候用class


     CSS中的選擇符除了可以選擇HTML預定義的標簽,比如<a>,<p>,<div>。還可以選擇用戶自己定義的id或者class。id與class的最主要不同就在於id不能重復,只能使用一次,一個id只能用於一個標簽。而class可以重復使用,同一個class可以定義在多個標簽上。實際上從名稱就能看出來id與class的區別,id是識別符,而class是類。

 

    那么什么時候使用id,什么時候使用class?根據我的經驗來看id用於特殊的標簽上,因為這個部分就這么一個,沒有與其他的地方重復的。而class主要用於一類有同樣特征的元素上。因為id只能用一次,class可以無限次使用。

 

    打個比方,就以一個Blog來說。一個Blog只會有一個頭部,用於放置Blog的名稱和Logo之類的信息。因為就只有這么一個,所以定義id是最適合的,沒有其他的地方與頭部類似。而在Blog首頁可以顯示多篇文章,一般都是10篇,那么每篇文章的內容區域都有一個類似的樣式,所以定義class是最合適的,因為有10個同樣樣式的部分,為同一個class定義樣式可以應用於10個擁有同樣的class值得元素上。

也就是說,只有一個獨立樣式的元素適合用id,而有多個元素擁有同樣的樣式的話適合使用class。

 

在css中
id前面是要加一個#

class前面要加一個.

 
 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM