1. CSS選擇器

? ? ? a. 標簽選擇器：標簽選擇器就是選擇當前頁面中相同名字的標簽。

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

? ? ? ?c. ID選擇器：

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

? ? ? ? ? ? ? ?B. ID選擇器是可以幫助我們選擇當前頁面中唯一id值的標簽，也就是根據標簽的id屬性值進 ? ? ? ? ? ? ? ? ? ? 行選取設置樣式。

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

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

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

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

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

注意：ID選擇器和class（類）選擇器的區別

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

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

2. 復合選擇器

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

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

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

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

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

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

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

? ? ? e. 屬性選擇器：屬性選擇器就是根據html標簽的屬性進行過濾選擇。

? ? ?f. 偽類選擇器：

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

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

? ?:active ? ?偽類將應用于被激活的元素，如被點擊的鏈接、被按下的按鈕等。

? ?:visited ??偽類將應用于已經被訪問過的鏈接

? ?:focus ? ??偽類將應用于擁有鍵盤輸入焦點的元素。

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

g.偽元素選擇器：偽元素是控制內容

:first-line偽元素

:first-letter偽元素

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

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

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

:before與:after偽元素，可以設置元素之前后之后的 內容，并且配合content設置相關內容。

???

?