1.CSS-并集選擇器
（1）作用：給所有選擇器選中的標(biāo)簽設(shè)置屬性
（2）格式：
? ? ? ? ? ? ? ? ? ? ?選擇器1湾戳，選擇器2{
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?屬性：值沉帮；
? ? ? ? ? ? ? ? ? ? ?}
（3）注意點(diǎn)：選擇器之間用“灯抛，”來(lái)連接沃疮，并集選擇器是為了簡(jiǎn)化代碼
2.CSS-兄弟選擇器
（1）相鄰兄弟選擇器：給指定選擇器后面緊跟的那個(gè)選擇器選中的標(biāo)簽設(shè)置屬性
? ? ? ? ? 格式：
? ? ? ? ? ? ? ? ? ? ? ?選擇器1+選擇器2{
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 屬性：值职辅；
? ? ? ? ? ? ? ? ? ? ? ?}
? ? ? ? ? ?注意點(diǎn)：必須通過(guò)“+”連接蹬挺，不能選中被隔開(kāi)的選擇器
（2）通用兄弟選擇器：給指定選擇器后面的所有選擇器選中的標(biāo)簽設(shè)置屬性
? ? ? ? ? ?格式：
? ? ? ? ? ? ? ? ? ? ? ?選擇器1~選擇器2{
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 屬性：值；
? ? ? ? ? ? ? ? ? ? ? ? ?}
3.CSS-序選擇器
（1）格式：
? ? ? ? ? ? ? ? ? ? ?標(biāo)簽:序選擇器{
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 屬性：值澈圈；
? ? ? ? ? ? ? ? ? ? ?}
（2）同級(jí)別的：:first-child（同級(jí)別的第一個(gè)標(biāo)簽彬檀，不區(qū)別類型）
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? :last-child（同級(jí)別的最后一個(gè)標(biāo)簽，不區(qū)別類型）
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? :nth-child(n)（同級(jí)別中第n個(gè)標(biāo)簽瞬女，不區(qū)別類型）
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? :nth-last-child(n)（同級(jí)別中倒數(shù)第n個(gè)標(biāo)簽窍帝，不區(qū)別類型）
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? :only-child（選中父元素中唯一的標(biāo)簽）
? ? ? ? ? ? ? ? ? ? ? ? ? ? ?：nth-child(odd)（同級(jí)別中所有奇數(shù)標(biāo)簽）
? ? ? ? ? ? ? ? ? ? ? ? ? ? ?：nth-child(even)（同級(jí)別中所有偶數(shù)標(biāo)簽）
（3）同類型的：:first-of-type（同級(jí)別中同類型的第一個(gè)標(biāo)簽）
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? :last-of-type（同級(jí)別中同類型的最后一個(gè)標(biāo)簽）
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? :nth-of-type(n)（同級(jí)別中同類型的第n個(gè)標(biāo)簽）
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? :nth-last-of-type(n)（同級(jí)別中同類型的倒數(shù)第n個(gè)標(biāo)簽）
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? :only-of-type（選中父元素中唯一類型的標(biāo)簽）
? ? ? ? ? ? ? ? ? ? ? ? ? ? ?：nth-of-type(odd)（同類型中所有奇數(shù)標(biāo)簽）
? ? ? ? ? ? ? ? ? ? ? ? ? ? ?：nth-of-type(even)（同類型中所有偶數(shù)標(biāo)簽）
（4）其他詳細(xì)的序選擇器可參考此鏈接
4.CSS-屬性選擇器
（1）作用：根據(jù)指定的屬性名稱找到對(duì)應(yīng)的標(biāo)簽，然后設(shè)置屬性
（2）格式：
? ? ? ? ? 標(biāo)簽[attribute]{
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 屬性：值拆魏；
? ? ? ? ? ? ? ? ? ?}
? ? ? ? ? ? ? ? ? 作用：根據(jù)指定的屬性名稱找到對(duì)應(yīng)的標(biāo)簽盯桦，然后設(shè)置屬性
? ? ? ? ? 標(biāo)簽[attribute=value]{
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?屬性：值；
? ? ? ? ? ? ? ? ? ?}
? ? ? ? ? ? ? ? ? 作用：根據(jù)指定的屬性名稱及其值等于value渤刃，找到對(duì)應(yīng)的標(biāo)簽拥峦，然后設(shè)置屬性
? ? ? ? ? 屬性的取值以某某開(kāi)頭的：
? ? ? ? ? ? ? ? ? ?標(biāo)簽[attribute|=value]{
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 屬性：值；
? ? ? ? ? ? ? ? ? ? }
? ? ? ? ? ? ? ? ? ?標(biāo)簽[attribute^=value]{
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 屬性：值卖子；
? ? ? ? ? ? ? ? ? ? ?}
? ? ? ? ? 屬性的取值以某某結(jié)尾的：
? ? ? ? ? ? ? ? ? ?標(biāo)簽[attribute$=value]{
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?屬性：值略号；
? ? ? ? ? ? ? ? ? ? }
? ? ? ? ? 屬性的取值是否包含某個(gè)特定的值：
? ? ? ? ? ? ? ? ? ?標(biāo)簽[attribute~=value]{
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?屬性：值；
? ? ? ? ? ? ? ? ? ? }
? ? ? ? ? ? ? ? ? ?標(biāo)簽[attribute*=value]{
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 屬性：值洋闽；
? ? ? ? ? ? ? ? ? ? }
5.CSS-通配符選擇器
（1）作用：給當(dāng)前界面所有的標(biāo)簽設(shè)置屬性
（2）格式：
? ? ? ? ? ? ? ? ? ? ? *{
? ? ? ? ? ? ? ? ? ? ? ? ?屬性：值玄柠；
? ? ? ? ? ? ? ? ? ? ? ?}
（3）注意點(diǎn)：當(dāng)前界面標(biāo)簽很多時(shí)，性能會(huì)比較差
