1.CSS-并集選擇器
（1）作用：給所有選擇器選中的標(biāo)簽設(shè)置屬性
（2）格式：
? ? ? ? ? ? ? ? ? ? ?選擇器1，選擇器2{
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?屬性：值；
? ? ? ? ? ? ? ? ? ? ?}
（3）注意點：選擇器之間用“，”來連接，并集選擇器是為了簡化代碼
2.CSS-兄弟選擇器
（1）相鄰兄弟選擇器：給指定選擇器后面緊跟的那個選擇器選中的標(biāo)簽設(shè)置屬性
? ? ? ? ? 格式：
? ? ? ? ? ? ? ? ? ? ? ?選擇器1+選擇器2{
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 屬性：值；
? ? ? ? ? ? ? ? ? ? ? ?}
? ? ? ? ? ?注意點：必須通過“+”連接，不能選中被隔開的選擇器
（2）通用兄弟選擇器：給指定選擇器后面的所有選擇器選中的標(biāo)簽設(shè)置屬性
? ? ? ? ? ?格式：
? ? ? ? ? ? ? ? ? ? ? ?選擇器1~選擇器2{
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 屬性：值；
? ? ? ? ? ? ? ? ? ? ? ? ?}
3.CSS-序選擇器
（1）格式：
? ? ? ? ? ? ? ? ? ? ?標(biāo)簽:序選擇器{
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 屬性：值；
? ? ? ? ? ? ? ? ? ? ?}
（2）同級別的：:first-child（同級別的第一個標(biāo)簽，不區(qū)別類型）
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? :last-child（同級別的最后一個標(biāo)簽，不區(qū)別類型）
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? :nth-child(n)（同級別中第n個標(biāo)簽，不區(qū)別類型）
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? :nth-last-child(n)（同級別中倒數(shù)第n個標(biāo)簽，不區(qū)別類型）
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? :only-child（選中父元素中唯一的標(biāo)簽）
? ? ? ? ? ? ? ? ? ? ? ? ? ? ?：nth-child(odd)（同級別中所有奇數(shù)標(biāo)簽）
? ? ? ? ? ? ? ? ? ? ? ? ? ? ?：nth-child(even)（同級別中所有偶數(shù)標(biāo)簽）
（3）同類型的：:first-of-type（同級別中同類型的第一個標(biāo)簽）
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? :last-of-type（同級別中同類型的最后一個標(biāo)簽）
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? :nth-of-type(n)（同級別中同類型的第n個標(biāo)簽）
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? :nth-last-of-type(n)（同級別中同類型的倒數(shù)第n個標(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ù)指定的屬性名稱找到對應(yīng)的標(biāo)簽，然后設(shè)置屬性
（2）格式：
? ? ? ? ? 標(biāo)簽[attribute]{
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 屬性：值；
? ? ? ? ? ? ? ? ? ?}
? ? ? ? ? ? ? ? ? 作用：根據(jù)指定的屬性名稱找到對應(yīng)的標(biāo)簽，然后設(shè)置屬性
? ? ? ? ? 標(biāo)簽[attribute=value]{
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?屬性：值；
? ? ? ? ? ? ? ? ? ?}
? ? ? ? ? ? ? ? ? 作用：根據(jù)指定的屬性名稱及其值等于value，找到對應(yīng)的標(biāo)簽，然后設(shè)置屬性
? ? ? ? ? 屬性的取值以某某開頭的：
? ? ? ? ? ? ? ? ? ?標(biāo)簽[attribute|=value]{
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 屬性：值；
? ? ? ? ? ? ? ? ? ? }
? ? ? ? ? ? ? ? ? ?標(biāo)簽[attribute^=value]{
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 屬性：值；
? ? ? ? ? ? ? ? ? ? ?}
? ? ? ? ? 屬性的取值以某某結(jié)尾的：
? ? ? ? ? ? ? ? ? ?標(biāo)簽[attribute$=value]{
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?屬性：值；
? ? ? ? ? ? ? ? ? ? }
? ? ? ? ? 屬性的取值是否包含某個特定的值：
? ? ? ? ? ? ? ? ? ?標(biāo)簽[attribute~=value]{
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?屬性：值；
? ? ? ? ? ? ? ? ? ? }
? ? ? ? ? ? ? ? ? ?標(biāo)簽[attribute*=value]{
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 屬性：值；
? ? ? ? ? ? ? ? ? ? }
5.CSS-通配符選擇器
（1）作用：給當(dāng)前界面所有的標(biāo)簽設(shè)置屬性
（2）格式：
? ? ? ? ? ? ? ? ? ? ? *{
? ? ? ? ? ? ? ? ? ? ? ? ?屬性：值；
? ? ? ? ? ? ? ? ? ? ? ?}
（3）注意點：當(dāng)前界面標(biāo)簽很多時，性能會比較差
