id在css中表示的是什么意思

發(fā)布時間：2020-12-23 09:52:11 來源：億速云閱讀：445 作者：小新欄目：web開發(fā)

這篇文章主要介紹了id在css中表示的是什么意思，具有一定借鑒價值，需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。

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

CSS ID 選擇器

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

語法

HTML元素以id屬性來設(shè)置id選擇器，CSS 中 id 選擇器以 "#" 來定義- 也稱為棋盤號或井號。

請看下面的規(guī)則：

*#intro {font-weight:bold;}

與類選擇器一樣，ID 選擇器中可以忽略通配選擇器。前面的例子也可以寫作：

#intro {font-weight:bold;}

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

第二個區(qū)別是 ID 選擇器不引用 class 屬性的值，毫無疑問，它要引用 id 屬性中的值。

用法：

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

區(qū)分大小寫

請注意，類選擇器和 ID 選擇器可能是區(qū)分大小寫的。這取決于文檔的語言。HTML 和 XHTML 將類和 ID 值定義為區(qū)分大小寫，所以類和 ID 值的大小寫必須與文檔中的相應(yīng)值匹配。

因此，對于以下的 CSS 和 HTML，元素不會變成粗體：

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

由于字母 i 的大小寫不同，所以選擇器不會匹配上面的元素。

感謝你能夠認真閱讀完這篇文章，希望小編分享id在css中表示的是什么意思內(nèi)容對大家有幫助，同時也希望大家多多支持億速云，關(guān)注億速云行業(yè)資訊頻道，遇到問題就找億速云，詳細的解決方法等著你來學習!

向AI問一下細節(jié)

猜你喜歡