首頁  >  文章  >  web前端  >  css:div中的class與id的差別?

css:div中的class與id的差別?

黄舟
黄舟原創
2017-07-20 09:09:101796瀏覽

1. class是設定標籤的類, class屬性用來指定元素屬於何種樣式的類別。

    如樣式表可加入.content1 { color: red; background: #ff80c0 } 使用方法:class="content1"  .

#    id是設定標籤的標識。 id屬性用來定義一個元素的獨特的樣式。如一個CSS規則#content2 { font-size: larger } 使用方法為:id="content2" 


     概念上說不一樣(下面的兩句話還是比較精闢的):

      class是一個樣式,先定義好, 然後可以套給多個結構/內容, 便於復用。也就是說class名稱可以相同。

  id是一個標籤,用來區分不同的結構和內容,就像你的名字, 如果一個屋子有2個人同名,就會出現混淆;id是先找到結構/內容,再給它定義樣式;

2.屬性的優先權問題

#  id的優先權要高於class, 可以自己寫個例子看看。部分程式碼如下(是我寫的, 不是原作者寫的哈#):


<html>
<head>
<style type="text/css">
#aa 
{
	color:red
}

.aa 
{
	color:blue
}
</style>
</head>

<body>
<p id="aa" class="aa">I love you.</p>
</body>

</html>

3.  關於js

     如果在頁面中要對某個物件進行腳本操作(js),那麼可以為他定義一個id,否則只能利用遍歷頁面元素加上指定特定屬性來找到它,這是相對浪費時間資源,遠遠不如一個id來得簡單.



#

以上是css:div中的class與id的差別?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn