css选择器以及权重

css选择器
 选择器表示要定义样式的对象，可以是元素本身，也可以是一类元素或者制定名称的元素。
  css选择器常用的有3大类：标签选择器，id选择器，类选择器
  1）标签选择器：标签名{属性名：属性值；属性名：属性值} 例如div{width:200px;height:100px;}
  2）id选择器：给标签一个id 例如<div id="one"></div> 使用id选择器时id名前加# 例如#one{width：
200px;height:100px;}
  3)类选择器：给标签class值（一个标签可以有多个class值） 例如<p class="main color"></p> 使用类选择
器时class前加 “ .  ” 例如 .main{border：10px solid yellow;}    .color{color:blue;}
  4）群组选择器(并集选择器)  选择符1，选择符2，选择符3{属性：属性值；}
  5)包含选择器（后代选择器）：选择符1 选择符2{属性：属性值；}
  说明：选择符1和选择符2用空格隔开，选择符1必须包含所有选择符2.
  6）子元素选择器  选择符1>选择符2{属性：属性值；}   说明：子元素选择器只能匹配父元素下的第一级子元素
  7）伪类选择器 
  a:link (超链接的初始状态)
  a:visited  (超链接被访问后的状态)
  a:hover (鼠标经过超链接时的状态)
  a:active  (鼠标按下时超链接的状态)
  说明：①当四个伪类选择器同时使用时，必须是以上的顺序；
        ②写网页时一般我们简化使用：a{color:red;} a:hover{color:green;} 表示超链接的三种状态都相同
，只有鼠标划过变颜色。
  8）通配符选择器  *{属性：属性值}
css选择器的权重
css中用四位数字表示权重，权重的表达方式：0,0,0,0
标签选择器:0001
类选择器:0010
id选择器:0100
包含选择器的权重：包含的选择器权重之和
内联样式(行内样式)的权重：1000