HTML5的CSS選擇器是CSS3的升級(jí)版,新加入了很多強(qiáng)大的選擇器,可以更加方便地選取頁面中的元素,讓CSS樣式更加靈活多變。
/* ID選擇器 */ #container { margin: 0 auto; width: 100%; } /* 類選擇器 */ .error { color: red; } /* 元素選擇器 */ p { font-size: 14px; } /* 屬性選擇器 */ a[href^="https://"] { color: green; } /* 子元素選擇器 */ ul >li { display: inline-block; } /* 后代選擇器 */ nav ul li a { text-decoration: none; } /* 相鄰兄弟選擇器 */ h2 + p { font-weight: bold; } /* 通用兄弟選擇器 */ h2 ~ p { font-style: italic; } /* 偽類選擇器 */ a:hover { text-decoration: underline; } /* 偽元素選擇器 */ ::before { content: "? "; } /* 多重選擇器 */ h1, h2, h3 { text-align: center; }
以上是HTML5的CSS選擇器的常用方式,通過它們可以輕松地改變網(wǎng)頁元素的樣式,提高頁面的可讀性與美觀程度。