選擇器

分組

選擇器分組 h2,p {color:gray;}

聲明分組 h1 {font:18px Helvetica;color:purple;background:aqua;}

類選擇器和ID選擇器

多類選擇器 .warning.urgent {background:silver;}

屬性選擇器

簡單屬性選擇器 h1[class] {color:silver;}

根據具體屬性值選擇 planet[moons="1"] {font-weight:bold;}

根據部分屬性值選擇 p[class~="warning"] {font-weight:bold;}

特定屬性選擇類型 *[lang|="en"] {color:white;}

使用文檔結構

後代選擇器 h1 em {color:gray;}

選擇子元素 h1 > strong {color:red;}

選擇相鄰兄弟元素 h1 + p {margin-top:0;}

僞類和僞元素

僞類選擇器 a:visited {color:red;} link hover active

選擇第一個子元素 p:first-child {font-weight:bold;}

結合僞類 a:link:hover {color:red;}

僞元素選擇器 

設置首字母樣式 p:first-letter {color:red;}

設置第一行的樣式 p:first-line {color:purple;}