CSS中的ID可以讓我們更加方便地選擇和操作特定的HTML元素。在CSS中,ID使用#符號表示,并寫在選擇器的最前面。
#my-div { background-color: red; width: 200px; height: 200px; }
上述代碼就定義了一個ID為“my-div”的元素定義了背景顏色為紅色、寬度為200像素、高度為200像素的樣式。在HTML中為該元素添加ID
<div id="my-div"></div>
這樣,該元素就能夠使用指定的樣式來呈現(xiàn)了。
需要注意的是,在一個HTML文檔中,ID必須是唯一的,不能和其他元素重復。同時,也不應該濫用ID,盡量使用類選擇器來定義樣式。
.my-class { color: blue; font-size: 14px; }
上述代碼就定義了一個類選擇器“my-class”,為元素定義了藍色的字體顏色和14像素的字體大小,可以在HTML中的多個元素上添加該類。
<p class="my-class">Hello CSS!</p> <span class="my-class">CSS is awesome!</span>
在CSS中選擇符號的使用非常靈活,可以根據(jù)不同的情況靈活應變。但是,清晰明了的命名規(guī)則和良好的文檔注釋都是良好開發(fā)習慣的典范,應該多加注意。