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

id在css中怎麼表示什麼

藏色散人
發布: 2020-12-22 10:02:48
原創
4188 人瀏覽過

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中文網其他相關文章!

相關標籤:
css
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板