CSS 是一種常用的樣式語言,它可以通過選擇器選取 HTML 元素并對(duì)其進(jìn)行樣式控制。在 CSS 中,有多種不同的選擇器類型,包括基本選擇器、組合選擇器、偽類選擇器和偽元素選擇器等。
/* 基本選擇器 */ /* 標(biāo)簽選擇器 */ p { color: red; } /* 類選擇器 */ .demo { font-size: 16px; } /* ID 選擇器 */ #test { font-weight: bold; } /* 組合選擇器 */ /* 后代選擇器 */ div p { font-style: italic; } /* 子元素選擇器 */ ul >li { color: green; } /* 相鄰兄弟選擇器 */ p + span { font-size: 20px; } /* 偽類選擇器 */ /* 鼠標(biāo)懸浮選擇器 */ a:hover { text-decoration: underline; } /* 點(diǎn)擊后選擇器 */ button:active { background-color: lightblue; } /* 表單選擇器 */ input:checked + label { color: blue; } /* 偽元素選擇器 */ /* before 偽元素 */ p::before { content: "<"; } /* after 偽元素 */ p::after { content: ">"; }
以上是常用的 CSS 選擇器類型,掌握不同選擇器類型的使用,可以為網(wǎng)頁設(shè)計(jì)帶來更多樣化的視覺效果。