首頁  >  文章  >  web前端  >  css中id選擇符的標識是什麼

css中id選擇符的標識是什麼

青灯夜游
青灯夜游原創
2022-09-22 15:57:513839瀏覽

在css中,id選擇符的識別是“#”,可以為標有特定id屬性值的HTML元素指定特定的樣式,語法結構“#ID值{屬性: 屬性值;}” 。 ID屬性在整個頁面中是唯一不可重複的;ID屬性值不要以數字開頭,數字開頭的ID在Mozilla/Firefox瀏覽器中不起作用。

css中id選擇符的標識是什麼

本教學操作環境:windows7系統、CSS3&&HTML5版、Dell G3電腦。

id ​​選擇器可以為標示特定 id 的 HTML 元素指定特定的樣式。

HTML元素以id屬性來設定id​​選擇器,CSS 中 id 選擇器以 "#" 來定義。

語法結構如下:

#ID {
  属性 : 属性值;
}

下面的兩個id選擇器,第一個可以定義元素的顏色為紅色,第二個定義元素的顏色為綠色:

css中id選擇符的標識是什麼

下面的HTML程式碼中,id屬性為red的p元素顯示為紅色,而id屬性為green的p元素顯示為綠色:

css中id選擇符的標識是什麼

值得注意的是:

  • ID屬性在整個頁面中是唯一無法重複的 。

    一個ID值在一個HTML文檔中只能出現一次,也就是一個ID只能唯一標識一個元素(不是一類元素,而是一個元素)。

    即元素的 id 在頁面中是唯一的,因此 id 選擇器用於選擇一個唯一的元素!

  • ID屬性值不要以數字開頭,數字開頭的ID在Mozilla/Firefox瀏覽器中不起作用

id選擇器和衍生選擇器

在現代佈局中,id選擇器常用來建立衍生選擇器。

css中id選擇符的標識是什麼

上面的樣式只會套用於出現在id是sidebar的元素內的段落,這個元素很可能是div或是表格單元,儘管它也可能是個表格或其他區塊級元素。它甚至可以是一個內聯元素,例如,不過這樣用法是非法的,因為不可以在內聯元素中嵌入

一個選擇器多種用法

即使被標註為sidebar的元素只能在文件中出現一次,這個id選擇器作為派生選擇器也可以被使用很多次:

css中id選擇符的標識是什麼

在這裡,與頁面中其他p元素明顯不同的是,sidebar內的p元素得到了特殊的處理,同時,與頁面中其他所有h2元素明顯不同的是,sidebar中的h2元素也得到了不同的特殊處理。

單獨的選擇器

id選擇器即使不用來建立衍生選擇器,它也可以獨立發揮作用:

css中id選擇符的標識是什麼

#根據這條規則,id為sidebar的元素將擁有一個像素寬的黑色點狀邊框,同時其周圍會有10個像素寬的內邊距(padding,內容空白)。舊版的windows/IE瀏覽器可能會忽略這條規則,除非你特別定義這個選擇器所屬的元素:

css中id選擇符的標識是什麼

##(學習影片分享:

web前端

以上是css中id選擇符的標識是什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章!

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