css的选择器 以及选择器的权重问题

选择器：

  常见选择器：

    1.id选择器      #id名称{}

    2.class选择器    .class名称{}

    3.属性选择器     [name = "one"]{}   表示选中name属性为one的标签

    4.通配符选择器   *{}     选中所有标签，包括html和body标签

    5.标签选择器        标签名{}

   高级选择器：

    1.父子选择器     div  ul  li  span  strong  em{}    表示选择div标签下的ul标签下的span标签下的strong标签下的em标签(浏览器运行css代码是，遇到父子选择器，是从右向左查找标签的，原因是因为从右向左查找效率快)

    2.并列选择器      div.one{}   表示选择具有class = one的div标签

    3.分组选择器     div,#one,p{}   表示选择div标签和id值为one的标签和p标签

选择器的权重：

!important                                                      Infinity

行间样式                                                        1000

id选择器                                                           100

class选择器 | 属性选择器 | 伪类选择器            10

标签选择器 | 伪元素选择器                               1

通配符选择器                                                    0