css样式-选择器及权重对比

选择器

	1：类型选择器(标签选择器): div span h1 p ... 
    2：类选择器(class选择器): 选中指定的元素,在一个页面中可以多次出现
	    1: 在标签中添加属性 class="mz"
		2: 在样式中的选择器 .mz{}
				
    3：id选择器: 选中指定的元素,在一个页面中相同值只允许出现一次
	    1: 在标签中添加属性 id="mz"
		2: 在样式用添加选择器 #mz{}
		   哎呀,你掉进井里了 id #

    4：伪类选择器:
		:link{}		未访问的状态
		:visited{}	访问过后的状态
		:hover{}	鼠标移入的状态
		:active{}	鼠标按下的状态
				
	5：通配符	*{}		匹配页面中所有的元素
	    *{margin:0;padding:0;}/*消除了所有元素的间距*/
	   
	    语法：*{属性：属性值;}

        说明：通配选择符的写法是“*”，其含义就是所有标签；    
     	表示该样式适用所有网页元素；

        用法：常用来重置样式。
        例：*{margin:0;padding:0;}
			
    6：群组选择器  选择器1,选择器2,选择器3{} 都被选中
	    实例：.top, #nav, p{width:100px;}
			
	7：包含选择器(后代选择器)
		选择器1  选择器2  选择器3{}	选中指定这个
		实例： div   ul  li{height:200px;}

选择器权重对比:

	加载顺序由上至下,相同权重值的选择器,加载最后写的
			
	id > class > 类型选择器
	100   10      1
		
	内联样式选择器权重值 1000	
	包含选择器权重值为 各个选择器权重值之和
			
	css层叠
		指的是优先加载权重值高的
		除非有添加 !important