标签：str 元素 color charset body html oct 层次选择器 har
/*后代选择器*/
body p{
color: aqua;
}
body>h1{
color:chocolate;
}
/*相邻兄弟选择器：只有一个，相邻（向下）*/
.active + h2{
background: #c4fff5;
}
/*通用兄弟选择器，当前选中元素的向下的所有兄弟*/
.active~h3{
background: brown ;
}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<!--内部样式-->
<style>
/*后代选择器*/
body p{
color: aqua;
}
/*子选择器*/
body>h1{
color:chocolate;
}
/*相邻兄弟选择器：只有一个，相邻（向下）*/
.active + h2{
background: #c4fff5;
}
/*通用兄弟选择器，当前选中元素的向下的所有兄弟*/
.active~h3{
background: brown ;
}
</style>
</head>
<body>
<h1 class="active">h1标题</h1>
<h2>h2标题</h2>
<h3>h3标题</h3>
<ul>
<li><p>p1</p></li>
<li><p>p2</p></li>
<li><p>p3</p></li>
</ul>
</body>
</html>
标签：str 元素 color charset body html oct 层次选择器 har
原文地址：https://www.cnblogs.com/saxonsong/p/14738383.html
