首頁 >web前端 >前端問答 >id在css中怎麼表示什麼

id在css中怎麼表示什麼

藏色散人
藏色散人原創
2020-12-22 10:02:224177瀏覽

id在css中表示ID選擇器,ID選擇器允許以一種獨立於文檔元素的方式來指定樣式;其中HTML元素以id屬性來設定id​​選擇器,而在CSS中id選擇器是以“#”來定義,也稱為棋盤號或井號。

id在css中怎麼表示什麼

推薦:《css影片教學

CSS ID 選擇器

在某些方面,ID 選擇器類似於類別選擇器,不過也有一些重要差異。

語法

HTML元素以id屬性來設定id​​選擇器,CSS 中id 選擇器以"#" 來定義- 也稱為棋盤號或井號。

請看下面的規則:

*#intro {font-weight:bold;}

與類別選擇器一樣,ID 選擇器中可以忽略通配選擇器。前面的範例也可以寫:

#intro {font-weight:bold;}

這個選擇器的效果會是一樣的。

第二個差異是 ID 選擇器不引用 class 屬性的值,毫無疑問,它要引用 id 屬性中的值。

用法:

html
<div class="to">
    <p id="dog">指定具有id元素的样式</p>
</div>
css
 #dog{
        background-color: aqua;
    }

區分大小寫

請注意,類別選擇器和 ID 選擇器可能是區分大小寫的。這取決於文檔的語言。 HTML 和 XHTML 將類別和 ID 值定義為區分大小寫,所以類別和 ID 值的大小寫必須與文件中的對應值相符。

因此,對於以下的 CSS 和 HTML,元素不會變成粗體:

#intro {font-weight:bold;}
<p id="Intro">This is a paragraph of introduction.</p>

由於字母 i 的大小寫不同,所以選擇器不會符合上面的元素。

以上是id在css中怎麼表示什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章!

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