相邻兄弟选择器
- 就是选择紧跟在后面的一个兄弟元素
- 符号加号+
所有兄弟选择器
- 就是选择所有的兄弟元素
- 符号波浪号~
例子
效果
关键代码
代码
<!DOCTYPE HTML>
<html>
<head>
<style type="text/css">
h1 + p {background-color:orange;}
h1 ~ p {color:red}
</style>
</head>
<body>
<h1>This is a heading.</h1>
<p>This is paragraph.</p>
<p>This is paragraph.</p>
<p>This is paragraph.</p>
<p>This is paragraph.</p>
<p>This is paragraph.</p>
</body>
</html>
