CSS3 给我们新增了选择器,可以更加便捷,更加自由的选择目标元素。
选择器
一.回顾一下旧的选择器
1.基础选择器
标签选择器
即是html标签名作为选择器
举例:
<p>标签选择器</p>
p {
color: yellow;
}
这里有个p标签,给他添加样式的时候也是用的p。这种就是标签选择器
类选择器
用class属性调用class类
举例:
<p class="one">类选择器</p>
.one {
color: yellow;
}
这里的p标签类名叫做one,css给他添加样式的时候用的.+one(他的类名
)选择的他,这种就是类选择器。
id选择器
用他的id名调用它
举例:
<p id="two">标签选择器</p>
#two {
color: yellow;
}
这里的p标签类名叫做one,css给他添加样式的时候用的#+two (他的id名
)选择的他。这种就是id选择器。
通配符选择器
选取页面中所有的元素(标签),定义通配符使用星号*表示,意思是“所有的”。
比如:
* {
margin:0;
padding:0;
}
2.复合选择器
后代选择器
也称为包含选择器
父代元素【空格】后代元素(子代 孙代都可以) {样式说明 }
比如
<p>div外面的p</p>
<div>
<span>
<p>div里面的p</p>