CSS選擇器在網(wǎng)頁中有著非常重要的作用。選擇器可以選擇特定的HTML元素,并為這些元素設(shè)置樣式。
/* 以下是一些常見的CSS選擇器 */ /* 基本選擇器 */ p { color: red; } /* 類選擇器,選擇class="example"的元素 */ .example { font-size: 18px; } /* ID選擇器,選擇id="unique"的元素 */ #unique { background-color: yellow; } /* 屬性選擇器,選擇title屬性值為"learn"的元素 */ [title="learn"] { font-weight: bold; } /* 后代選擇器,選擇div元素內(nèi)的p元素 */ div p { text-align: center; } /* 相鄰兄弟選擇器,選擇緊接在h2元素后的p元素 */ h2 + p { color: blue; } /* 偽類選擇器,選擇第一個p元素 */ p:first-child { font-style: italic; }
通過靈活使用CSS選擇器,我們可以為網(wǎng)頁增加更加豐富的樣式,提高網(wǎng)頁的交互性和美觀性。