一、子元素选择器
1.定义:找到指定标签中所有特定的直接子元素,然后设置属性
2.格式:
标签名称一>标签名称2{
属性:值;
}
3.释义:先找到叫做“标签名称1”的标签,然后在这个标签中查找所有直接子元素名称叫做“标签名称2”的元素
div>p{
color:red;
}
.......省略代码.......
<div>
<p>我是段落一</p>
<p>我是段落2</p>
<p>我是段落3</p>
<ul>
<li><p>我是段珞4</p></li>
</ul>
</div>
4.注意
:
(1)子元素选择器智慧查找儿子,不会查找孙子,重孙子等等
(2)子元素选择器之间需要用“>”符号相连接,而且不能有空格。
(3)子元素选择器不仅仅可以用标签名称,还可以用其他选择器。如:用id选择器或者classa选择器。
#id1>p{
color:green;
}
.......省略代码.......