1.什么是子元素选择器?
作用: 找到指定标签中所有特定的直接子元素, 然后设置属性
格式:
标签名称1>标签名称2{
属性:值;
}
先找到所有名称叫做"标签名称1"的标签, 然后在这个标签中查找所有直接子元素名称叫做"标签名称2"的元素
注意点:
1.子元素选择器只会查找儿子, 不会查找其他被嵌套的标签
2.子元素选择器之间需要用>符号连接, 并且不能有空格
3.子元素选择器不仅仅可以使用标签名称, 还可以使用其它选择器
4.子元素选择器可以通过>符号一直延续下去
<!DOCTYPE html>
<
html lang=
"en">
<
head>
<
meta charset=
"UTF-8">
<
title>13-
子元素选择器</
title>
<
style>
/*
div>p{
color: red;
}
*/
/*
#identity>p{
color: blue;
}
*/
div>
ul>
li>
p{
color:
purple;
}
</
style>
</
head>
<
body>
<!--div>ul>li>p-->
<
p>
我是段落</
p>
<
div id=
"identity">
<
p>
我是段落</
p>
<
p>
我是段落</
p>
<
ul>
<
li><
p>
我是段落</
p></
li>
</
ul>
</
div>
<
p>
我是段落</
p>
</
body>
</
html>
转载请注明原文地址: https://www.6miu.com/read-62009.html
