在CSS中,#這個符號代表著ID選擇器,用來選擇網頁中某個具體的元素。
#example { color: red; font-size: 16px; }
上面的代碼就是一個#example的ID選擇器,它會選擇網頁中所有ID為example的元素,并設置字體顏色為紅色,字體大小為16像素。
ID選擇器的優先級比類選擇器和標簽選擇器要高,因為ID選擇器是唯一的,而類選擇器和標簽選擇器可以用于多個元素,所以當class和tag和ID選擇器同時存在時,ID選擇器的樣式會優先生效。
.example { color: blue; font-size: 14px; } p { color: green; } #example { color: red; font-size: 16px; }
上面的代碼中,.example選擇器的字體顏色為藍色,字體大小為14像素,p標簽的字體顏色為綠色,而#example選擇器的字體顏色為紅色,字體大小為16像素。那么當網頁中有這樣一個元素:
<div id="example" class="example"> 這是一個例子。 </div>
它的字體顏色將會是紅色,字體大小為16像素。
總而言之,ID選擇器是CSS選擇器中最具有針對性的一種選擇器,可以用來選擇網頁中某個特定的元素,并且優先級最高。
上一篇ajax與css
下一篇css svg fill