我正在学习不同的css Select 器,在给出的例子中,我不明白为什么 Select div4.因为id div4不是div3的sibling ?因为对我来说,这是一个子元素,但也许因为这只是div,我弄错了,或者是sibling 姐妹的定义错了?
<style>
div ~ div{
color: red;
}
</style>
<div id="div1">
div1
<div id="div2">div2</div>
<div id="div3">
div3
<div id="div4">div4</div>
<div id="div5">div5</div>
</div>
</div>
我本以为只会 Select div3作为DIV2的同级,而div5作为div4的同级.
那么,谁能解释一下我搞错了什么,或者为什么 Select 了div4?
Edit: (following answer)个 下面的代码片段显示了使用具有非继承属性的通用同级组合符的实际答案
<style>
div ~ div{
border: solid 2px ;
}
</style>
<div id="div1">
div1
<div id="div2">div2</div>
<div id="div3">
div3
<div id="div4">div4</div>
<div id="div5">div5</div>
</div>
</div>