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)