css 基础入门 选择器

     选择器

  标签选择器                      div{}                   选中页面上所有的div标签

   ID选择器                          #box{}               选中所有ID属性为box的标签

   class（类）选择器            。name            选中所有class属性为name的标签（class属性可以是多个值）    

---

    包含选择器                   

                   .name   .item{}                选中class为name的子孙元素中class为item的标签
                   .name.item{}                       选中class属性中，同时包含name和item的标签
                   .name > .item{}                       选中class为name的（直接）子元素中class为item的标签

   例子：             

   li。first{}               代表在li的身上找。first

   li   。first{}             代表在li的子级里面找。first

                     包含选择器  效率要比直接用class高一些
                      注意：包含选择器最好不要超过三层           

---

 群组选择器                    body，p，div，h1，。name，#box{}

                                     把各种不同的选择器组合起来，用逗号分开，选中多个元素

---

       *{}              通配符

                                   选择页面上所有的标签（不建议用，加重性能）

---

伪类选择器

               ：link                 未访问

               ：visited                 访问过

                ：hover                   鼠标悬停

                ：active                   选定的

例子：

           div：hover{}

                            给div加上一个鼠标悬停的状态

选择器的优先级：

    div            1                      0,0,0,123。。。。。

     。            10                    0,0,1,0

     #              100                  0,1,0,0

     style          1000               1,0,0,0（行间样式）

    

     伪类的权重和class是一样的