在CSS中,我們可以通過(guò)id屬性來(lái)為特定的元素設(shè)置樣式,這被稱為id選擇器。在HTML中,我們可以為一個(gè)元素指定一個(gè)唯一的id,通過(guò)CSS來(lái)控制這個(gè)元素的樣式。通常情況下,一個(gè)網(wǎng)頁(yè)中同一個(gè)id屬性只會(huì)對(duì)應(yīng)一個(gè)元素,因?yàn)閕d屬性的值必須是唯一的。
使用id選擇器需要在CSS中使用#符號(hào)來(lái)表示,后面跟上指定的id屬性的值。比如下面這個(gè)例子:
#my-id{ color: red; font-size: 20px; }
這個(gè)例子中,我們定義了一個(gè)id為“my-id”的元素的樣式,將它的字體顏色設(shè)置為紅色,字體大小設(shè)置為20像素。這個(gè)樣式只會(huì)作用于引用該id的元素。
CSS還有一種內(nèi)部樣式,稱為“內(nèi)聯(lián)樣式”,是將樣式直接寫在HTML元素的style屬性中,比如下面這個(gè)例子:
<div style="color: green; font-size: 30px;"> ... </div>
這個(gè)例子中,我們直接給一個(gè)div元素設(shè)置了內(nèi)聯(lián)樣式,將它的字體顏色設(shè)置為綠色,字體大小設(shè)置為30像素。同樣的樣式也可以通過(guò)CSS的id選擇器來(lái)實(shí)現(xiàn):
#my-id{ color: green; font-size: 30px; }
在大多數(shù)情況下,使用CSS的id選擇器比內(nèi)聯(lián)樣式更優(yōu)雅,因?yàn)樗梢栽谒邢嗤刂型瑫r(shí)起作用,而不是只對(duì)應(yīng)一個(gè)特定的元素。同時(shí),將樣式與HTML一分離也更有利于維護(hù)和升級(jí)網(wǎng)站。