007_CSS ID选择器
1. ID選擇器允許以一種獨立于文檔元素的方式來指定樣式。
2. 語法
2.1. 首先, ID選擇器前面有一個#號,?也稱為棋盤號或井號。
2.2. 請看下面的規則:
*#intro {font-weight: bold; }2.3. 與類選擇器一樣, ID選擇器中可以忽略通配選擇器。前面的例子也可以寫作:
#intro {font-weight: bold; }2.4.?例子
2.4.1. 代碼
<!DOCTYPE html> <html><head><title>CSS ID選擇器</title><meta charset="utf-8" /><style type="text/css">#intro {font-weight: bold;}</style></head><body><p id="intro">This is a paragraph of introduction.</p><p>This is a paragraph.</p><p>This is a paragraph.</p><p>This is a paragraph.</p><p>...</p></body> </html>2.4.2. 效果圖
3. 類選擇器還是ID選擇器?
3.1. 區別1: 只能在文檔中使用一次
與類不同, 在一個html文檔中, ID選擇器會使用一次, 而且僅一次。
3.2. 區別2: 不能使用ID詞列表
不同于類選擇器, ID選擇器不能結合使用, 因為ID屬性不允許有以空格分隔的詞列表。
3.3. 區別3: ID能包含更多含義
類似于類, 可以獨立于元素來選擇ID。有些情況下, 您知道文檔中會出現某個特定ID值, 但是并不知道它會出現在哪個元素上, 所以您想聲明獨立的ID選擇器。例如, 您可能知道在一個給定的文檔中會有一個ID值為 mostImportant的元素。您不知道這個最重要的東西是一個段落、一個短語、一個列表項還是一個小節標題。您只知道每個文檔都會有這么一個最重要的內容, 它可能在任何元素中, 而且只能出現一個。在這種情況下, 可以編寫如下規則:
#mostImportant {color: red; background: yellow; }4. 區分大小寫
4.1. 請注意, 類選擇器和ID選擇器可能是區分大小寫的。這取決于文檔的語言。html和xhtml將類和ID值定義為區分大小寫, 所以類和ID值的大小寫必須與文檔中的相應值匹配。
4.2. 因此, 對于以下的css和html, 元素不會變成粗體:
#intro {font-weight: bold; }<p id="Intro">This is a paragraph of introduction.</p>總結
以上是生活随笔為你收集整理的007_CSS ID选择器的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 006_CSS类选择器
- 下一篇： 008_CSS属性选择器