在css中,id選擇符的識別是“#”,可以為標有特定id屬性值的HTML元素指定特定的樣式,語法結構“#ID值{屬性: 屬性值;}” 。 ID屬性在整個頁面中是唯一不可重複的;ID屬性值不要以數字開頭,數字開頭的ID在Mozilla/Firefox瀏覽器中不起作用。
本教學操作環境:windows7系統、CSS3&&HTML5版、Dell G3電腦。
id 選擇器可以為標示特定 id 的 HTML 元素指定特定的樣式。
HTML元素以id屬性來設定id選擇器,CSS 中 id 選擇器以 "#" 來定義。
語法結構如下:
#ID { 属性 : 属性值; }
下面的兩個id選擇器,第一個可以定義元素的顏色為紅色,第二個定義元素的顏色為綠色:
下面的HTML程式碼中,id屬性為red的p元素顯示為紅色,而id屬性為green的p元素顯示為綠色:
值得注意的是:
ID屬性在整個頁面中是唯一無法重複的 。
一個ID值在一個HTML文檔中只能出現一次,也就是一個ID只能唯一標識一個元素(不是一類元素,而是一個元素)。
即元素的 id 在頁面中是唯一的,因此 id 選擇器用於選擇一個唯一的元素!
ID屬性值不要以數字開頭,數字開頭的ID在Mozilla/Firefox瀏覽器中不起作用
id選擇器和衍生選擇器
在現代佈局中,id選擇器常用來建立衍生選擇器。
上面的樣式只會套用於出現在id是sidebar的元素內的段落,這個元素很可能是div或是表格單元,儘管它也可能是個表格或其他區塊級元素。它甚至可以是一個內聯元素,例如或,不過這樣用法是非法的,因為不可以在內聯元素中嵌入 。 一個選擇器多種用法 即使被標註為sidebar的元素只能在文件中出現一次,這個id選擇器作為派生選擇器也可以被使用很多次: 在這裡,與頁面中其他p元素明顯不同的是,sidebar內的p元素得到了特殊的處理,同時,與頁面中其他所有h2元素明顯不同的是,sidebar中的h2元素也得到了不同的特殊處理。 單獨的選擇器 id選擇器即使不用來建立衍生選擇器,它也可以獨立發揮作用: #根據這條規則,id為sidebar的元素將擁有一個像素寬的黑色點狀邊框,同時其周圍會有10個像素寬的內邊距(padding,內容空白)。舊版的windows/IE瀏覽器可能會忽略這條規則,除非你特別定義這個選擇器所屬的元素: web前端)
以上是css中id選擇符的標識是什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章!