css选择器

    CSS的选择器主要分为简单选择器和组合选择器两类:

1、简单选择器:

    (1)id选择器     如:#idName {}

    (2)类选择器    如:.className {}              

    (3)标签选择器,直接使用html标签         如 span {}                         

    (4)属性选择器,属性可以是disabled...       如 [attr] {}

    (5)伪类选择器,以:开头                       如 :link{}、:visited{}、:hover{}、:active{}

    (6)伪元素选择器,以::开头                   如 ::first-letter

    (7)通配符选择器*{}

2、组合选择器:

    (1)后代选择器,由空格连接的简单选择器

    (2)子选择器,由>连接的简单选择器

    (3)兄弟选择器

    • 相邻兄弟选择器,由+连接的简单选择器
    • 通用兄弟选择器,由~连接的简单选择器          

3、选择器分组,由逗号分隔的简单选择器

4、CSS优先级

     行内样式>id选择器>类选择器=伪类选择器=属性选择器>标签选择器=伪元素选择器

5、继承属性:父元素中设置的属性会被子元素默认继承

    继承属性有:color、font、text-align、list-style...

6、非继承属性:父元素中设置的属性不会被子元素继承

    非继承属性有:background、border、position...

原文地址:https://www.cnblogs.com/liyan22/p/6554557.html