根据兄弟元素来选择元素,例如,假设你希望只选择前面有一个<h1>元素的段落,可以使用下面这个选择器
h1+p{
font-style: italic;
}
/* 先写前面的元素,再写一个'+'(加号),然后是兄弟元素 */
/* 这里的就是: 这个选择器会选择所有紧跟在一个<h1>元素后面的段落 */
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>按兄弟选择</title>
<!-- 还可以根据兄弟元素来选择元素,例如,假设你希望只选择前面有一个<h1>元素的段落,可以使用下面这个选择器 -->
<style type="text/css">
h1+p{
font-style: italic;
}
/* 先写前面的元素,再写一个'+'(加号),然后是兄弟元素 */
/* 这里的就是: 这个选择器会选择所有紧跟在一个<h1>元素后面的段落 */
</style>
</head>
<body>
<h1>测试"按兄弟选择"</h1>
<p>我的字体样式是不一样的</p>
<p>我就是默认字体咯</p>
</body>
</html>