CSS3中的選擇器是一種用于選擇元素并應(yīng)用樣式的工具。它們的功能比CSS2更強(qiáng)大,可以更精確地選擇元素并應(yīng)用樣式。下面是CSS3中一些常見的選擇器:
/* 通用選擇器 */ * { margin: 0; padding: 0; } /* 類型選擇器 */ p { font-size: 14px; } /* ID選擇器 */ #header { background-color: #333; } /* 后代選擇器 */ header nav { display: inline-block; } /* 子選擇器 */ ul >li { display: inline-block; } /* 相鄰兄弟選擇器 */ h3 + p { font-weight: bold; } /* 通用兄弟選擇器 */ h3 ~ p { margin-top: 10px; } /* 屬性選擇器 */ input[type="text"] { border: 1px solid #ccc; } /* 偽類選擇器 */ a:hover { color: #f00; } /* 偽元素選擇器 */ p::after { content: " - the end"; }
以上是CSS3中一些常見的選擇器,它們可以幫助我們對(duì)文檔的元素進(jìn)行精確的控制,讓我們的網(wǎng)頁更加美觀、易讀、易用。