1. CSS選擇器

? ? ? a. 標(biāo)簽選擇器：標(biāo)簽選擇器就是選擇當(dāng)前頁面中相同名字的標(biāo)簽。

? ? ? ?b. 通配符選擇器：通配符*代表所有的標(biāo)簽。通過通配符選擇器可以選擇頁面中的所有的標(biāo)簽。 ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?穿透力很強(qiáng)。*{ ? }

? ? ? ?c. ID選擇器：

? ? ? ? ? ? ? ?A. HTML標(biāo)簽中ID的屬性值在一個頁面中必須是唯一的。

? ? ? ? ? ? ? ?B. ID選擇器是可以幫助我們選擇當(dāng)前頁面中唯一id值的標(biāo)簽，也就是根據(jù)標(biāo)簽的id屬性值進(jìn) ? ? ? ? ? ? ? ? ? ? 行選取設(shè)置樣式。

? ? ? ? ? ? ? ? C. ID選擇器的的符號是#號。

? ? ? ? ?d. 類選擇器：

? ? ? ? ? ? ? ? ?A. 類選擇器就是選取頁面中所有標(biāo)簽的class屬性值相同的一類標(biāo)簽。

? ? ? ? ? ? ? ? ?B. 類選擇器的符號是：. ?(點(diǎn))

? ? ? ? ? e. 層級選擇器，分組選擇器，屬性選擇器，子元素選擇器，相鄰兄弟選擇器，偽類選擇器，偽 ? ? ? ? ? ? ? 元素選擇器；

注意：ID選擇器和class（類）選擇器的區(qū)別

? ? ? ? ? ? 1、相同的Class屬性值，可以在HTML中出現(xiàn)多次。ID屬性值在頁面中只能出現(xiàn)一次。

? ? ? ? ? ? 2、一個class的屬性可以有多個值，也就是說一個標(biāo)簽可以有多個類。

2. 復(fù)合選擇器

? ? ? ? a. 標(biāo)簽指定選擇器：標(biāo)簽指定式復(fù)合選擇器，要求必須是標(biāo)簽開頭然后其他選擇器。eg: p.left{ }

? ? ? ? b. 后代選擇器：后代選擇器用來選擇元素或元素組的后代，其寫法就是把外層標(biāo)記寫在前面， ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 內(nèi)層標(biāo)記寫在后面，中間用空格分隔。當(dāng)標(biāo)記發(fā)生嵌套時，內(nèi)層標(biāo)記就成為外 ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 層標(biāo)記的后代。后代不僅僅包括兒子，還包括子子孫孫。

? ? ? ?c. 子代選擇器：子代選擇器，是讓CSS選擇器智能選擇兒子輩的元素。

? ? ? ? ? ? ? ? ? ? ? ? ? ? eg：p> em {color:red;}

? ? ? ? ? ? ? ? ? ? ? ? ? ? 解讀為：選擇器p > em可以解釋為“選擇作為p元素子元素的所有em元素”。

? ? ? ? ? ? ? ? ? ? ? ? ? ? 尖括號和選擇器之間可以有空格也可以沒有，沒有限制。

? ? ? ? ? ? ? ? ? ? ? ? ? ? 建議:選擇器和尖括號間有空格。

? ? ? e. 屬性選擇器：屬性選擇器就是根據(jù)html標(biāo)簽的屬性進(jìn)行過濾選擇。

? ? ?f. 偽類選擇器：

? ?:link ?偽類將應(yīng)用于未被訪問過的鏈接。IE6不兼容，解決此問題，直接使用a標(biāo)簽。

? ?:hover ??偽類將應(yīng)用于有鼠標(biāo)指針懸停于其上的元素。在IE6只能應(yīng)用于a連接，IE7+所有元素都兼 ? ? ? ? ? ? ? ? ? ?容。

? ?:active ? ?偽類將應(yīng)用于被激活的元素，如被點(diǎn)擊的鏈接、被按下的按鈕等。

? ?:visited ??偽類將應(yīng)用于已經(jīng)被訪問過的鏈接

? ?:focus ? ??偽類將應(yīng)用于擁有鍵盤輸入焦點(diǎn)的元素。

? ?順序問題：LoVe ?HAte原則。

g.偽元素選擇器：偽元素是控制內(nèi)容

:first-line偽元素

:first-letter偽元素

注釋：以上兩個偽元素只能用于塊級元素

:first-child偽元素，選擇屬于第一個子元素的元素。

例如：span:first-child{} ?/*選擇屬于第一個子元素的所有span標(biāo)簽。*/

:before與:after偽元素，可以設(shè)置元素之前后之后的 內(nèi)容，并且配合content設(shè)置相關(guān)內(nèi)容。

???

?