CSS：定位另一个元素

Question

是否可以像示例一样定位另一个元素？

<a href="#AAA">click</a>
<div id="AAA">some content</div>
<div id="BBB">some content</div>

像...一样的东西。

#AAA:target #BBB{color:red}

Answer 1

在这种情况下，您可以使用adjacent sibling combinator, +。

EXAMPLE HERE

#AAA:target + #BBB {
    color:red
}

根据标记，使用general sibling combinator, ~可能更好。 (example)