通用兄弟选择器
通用兄弟选择器匹配属于指定元素的同级元素的所有元素。
实例代码
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<style>
div ~P{
background-color:yellow;
width:400px;
}
</style>
</head>
<body>
<h1>通用兄弟选择器</h1>
<p>通用的兄弟选择器(~)选择指定元素的所有同级元素。</p>
<div>
<p>段落1。</p>
<p>段落2。</p>
</div>
<p>段落3。</p>
<code>一些代码。</code>
<p>段落4。</p>
</body>
</html>
运行效果:
评论