最近在寫一個(gè)網(wǎng)站的靜態(tài)頁面，開始了自學(xué)前端的編程知識。其中有關(guān)CSS選擇器幾點(diǎn)，搞了很久才搞明白，特地記錄下來。

多類選擇器

如果希望將一個(gè)特定的元素同時(shí)標(biāo)記為重要（important）和警告（warning），就可以寫作：

.important {font-weight:bold;}.

warning {font-style:italic;}.

important.warning {background:silver;}

記住，important和warning之間是沒有空格的（如果有空格，那完全試另外一個(gè)意思了----后代選擇器）。

后代選擇器

如果您希望只對 h1 元素中的 em 元素應(yīng)用樣式（不論下面多少個(gè)層級）。
h1 em {color:red;}
你要選擇important類下，warning類的所有元素，那就應(yīng)該這樣：
important .warning {background:silver;} (記住中間有空格的哦)

子元素選擇器

如果不希望選擇所有后代，之選擇下面的直接后代，那就應(yīng)該這樣來寫。

h1 > em {color:red;} 
`important  > .warning {background:silver;}