CSS選擇器有四種常見的樣式:標簽選擇器、類選擇器、ID選擇器和偽類選擇器。
/* 標簽選擇器 */ p { font-size: 16px; }
標簽選擇器是最基礎(chǔ)的CSS選擇器,可以選擇HTML頁面中的所有特定標簽。在上述代碼中,選擇了所有的p標簽,設(shè)置字體大小為16px。
/* 類選擇器 */ .my-class { color: red; }
類選擇器可以選擇標簽的class屬性,一般用于CSS樣式的重復(fù)利用。在上述代碼中,選擇class為“my-class”的所有標簽,設(shè)置顏色為紅色。
/* ID選擇器 */ #my-id { background: yellow; }
ID選擇器可以選擇HTML頁面中的唯一元素,即ID屬性。在上述代碼中,選擇ID為“my-id”的唯一元素,設(shè)置背景為黃色。
/* 偽類選擇器 */ a:hover { text-decoration: underline; }
偽類選擇器可以為一些特殊狀態(tài)下的元素設(shè)置樣式,例如鼠標懸停狀態(tài)下的鏈接樣式。在上述代碼中,選擇鼠標懸停在鏈接上時,設(shè)置下劃線文本樣式。
上一篇css選擇器哪七種