元素選擇器

?p { }?p標(biāo)簽的選擇器，會(huì)選擇所有p標(biāo)簽

類選擇器

.類名{ }?會(huì)選擇所有類屬性為當(dāng)前的類的標(biāo)簽

ID選擇器

#ID{ }??會(huì)選擇所有id值為當(dāng)前的id的標(biāo)簽

復(fù)合選擇器（交集選擇器）

復(fù)合選擇器，可以同時(shí)使用多個(gè)選擇器，? 這樣可以選擇同時(shí)滿足多個(gè)選擇器的元素

-選擇器1.選擇器2?會(huì)選中頁(yè)面中具有選擇器2這個(gè)class的選擇器1元素。

群組選擇器（并集選擇器）

群組選擇器，可以同時(shí)使用多個(gè)選擇器， 多個(gè)選擇器將被同時(shí)應(yīng)用指定的樣式

選擇器1,選擇器2,選擇器3 { }

比如p,.hello,#box會(huì)同時(shí)選中頁(yè)面中p元素，class為hello的元素，id為box的元素

通用選擇器

* { }?會(huì)選擇當(dāng)前頁(yè)面中的所有元素

標(biāo)簽之間的關(guān)系：

祖先元素

直接或間接包含后代元素的元素。

后代元素

直接或間接被祖先元素包含的元素。

父元素

直接包含子元素的元素。

子元素

直接被父元素包含的元素。

兄弟元素

擁有相同父元素的元素

后代選擇器

后代選擇器可以根據(jù)標(biāo)簽的關(guān)系，為處在 元素內(nèi)部的代元素設(shè)置樣式

祖先元素 后代元素 后代元素 { }

偽類和偽元素

有時(shí)候，你需要選擇本身沒(méi)有標(biāo)簽，但是 仍然易于識(shí)別的網(wǎng)頁(yè)部位，比如段落首行 或鼠標(biāo)滑過(guò)的連接。CSS為他們提供一些選 擇器：偽類和偽元素。

給鏈接定義樣式

有四個(gè)偽類可以讓你根據(jù)訪問(wèn)者與該鏈接的交 互方式，將鏈接設(shè)置成4種不同的狀態(tài)。

1.正常鏈接

????a:link

2.訪問(wèn)過(guò)的鏈接

????a:visited（只能定義字體顏色）

3.鼠標(biāo)滑過(guò)的鏈接

????a:hover

4.正在點(diǎn)擊的鏈接

????a:active

:focus? 獲取焦點(diǎn)

:before????指定元素前

:after????指定元素后

::selection????選中的元素