选择器
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