- id選擇器 #myId
- 類選擇器 .myClassName
- 標(biāo)簽選擇器 div, h1, p
- 相鄰選擇器 p + span （ p元素后面第一個(gè)必須是 span 才起作用 ）
- 相鄰選擇器 p ~ span （在 p 元素后面與 p 元素同級(jí)的 span ）
- 后代選擇器 div ul （ div 元素下面所有的ul，包括孫子節(jié)點(diǎn) ul ）
- 子選擇器 div > ul （ div 元素下面直接子級(jí) ul橡淆，不包括孫子節(jié)點(diǎn) ul ）
- 通配符 *
- 屬性選擇器 a[rel="external"]
- 偽類選擇器
- nth-child .container span:nth-child(2){}
指的是類container下面的第二個(gè)元素是span的樣式 - nth-of-type .container span:nth-of-type(2){}
指的是類container下面的span類型的第二個(gè)元素的樣式
- nth-child .container span:nth-child(2){}
- 偽元素選擇器
- ::after 用來創(chuàng)建一個(gè)偽元素
作為已選中元素的最后一個(gè)子元素喻旷。通常配合content屬性來為該元素添加裝飾內(nèi)容撤缴。這個(gè)虛擬元素默認(rèn)是行內(nèi)元素驰坊。 - ::before 創(chuàng)建一個(gè)偽元素
其將成為匹配選中的元素的第一個(gè)子元素坞笙。常通過 content 屬性來為一個(gè)元素添加修飾性的內(nèi)容梅猿。此元素默認(rèn)為行內(nèi)元素鞋邑。 - ::first-line
在某 block-level element （塊級(jí)元素）的第一行應(yīng)用樣式诵次。第一行的長(zhǎng)度取決于很多因素，包括元素寬度枚碗，文檔寬度和文本的文字大小 - ::first-letter
選中某 block-level element（塊級(jí)元素）第一行的第一個(gè)字母逾一，并且文字所處的行之前沒有其他內(nèi)容（如圖片和內(nèi)聯(lián)的表格
- ::after 用來創(chuàng)建一個(gè)偽元素
偽元素 允許我們對(duì)選擇元素的特定部分修改樣式
可繼承的屬性：font-size font-family color opacity
不可繼承的屬性：border padding margin width height
優(yōu)先級(jí)（就近原則）：!important > id > class > tag
!important比內(nèi)聯(lián)優(yōu)先級(jí)高
