关于兄弟元素选择器+号

来源：2-1 基本选择器

离离钟

2018-08-07 14:52:19

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>兄弟元素选择器</title>
<style type="text/css">
section > div + article {
 color: #f00;
}
</style>
</head>
<body>
<section>
 <div>article外面的文字</div>
 <p>p里的文字</p>
 <article>
  <div>article里面的文字1</div>
 </article>
 <article>
  <div>article里面的文字2</div>
 </article>
</section>
</body>
</html>

这个兄弟元素选择器是只能选择靠的最近的，只能是下一个，连中间隔了一个其他的元素都不行？我在中间加了个p标签，我以为能也能得到第一个article标签，没想到居然不行？

写回答

1回答