其实也能选中A的子元素中的B。
<style>
p~h1{
background-color: red;
}
</style>
</head>
<body>
<div>
<p>
<h1>h1是p的子元素1</h1>
<h1>h1是p的子元素2</h1>
</p>
<h1>h1是p的兄弟元素1</h1>
<h1>h1是p的兄弟元素1</h1>
</div>
</body>
浏览器显示结果:
W3C和MDN官方也没给出会有这种情况的告知。