这节主要讲CSS选择器:
最常用的有两种选择器:1 类型选择器(也称为元素选择器) p { color:black;}
2 后代选择器 (两者之间加空格).first span{ padding-left:2em;}
通用选择器:通配符
* {
padding:0;
margin:0;
}
CSS3选择器:
子选择器:
相邻同袍选择器:
属性选择器:
伪类:love hate
link visited hover active
CSS的重叠与特殊性:
当一个元素有很多条规则时,CSS其实是通过层叠来解决各个规则之间的冲突。(通过给规则增加 ! important 便可以让它优先) 层叠解决的问题是一个标签有多个规则,浏览器最后选择什么样式呈现。
而继承则讲的是一个标签会用它父元素的样式,因而改变自身样式。但是自身样式受层叠影响
内联样式 例如: style=""值最高 (1000 点)4 `, L% l) r1 F! E7 V! \
各个ID属性值 例如:ID="header"(100 点)
属性值,属性选择或伪类 例如:class="left" ( 10 点)
各个元素和伪元素 例如 li ul p a (1点)# f1 e- @9 x3 n: s9 m7 [ h$ B$ h* l9 A
结合符合通配选择器 例如* ( 0点)
举个栗子:
#content div#main-content h2 {
color:gray;} 100+1+100+1=202
#content #main-content>h2 {
color:blue;} 100+100+1=201