CSS隐藏上一个元素if:target



如果纯css中的元素是:target,是否可以隐藏上一个元素?

section:not(:target){
 display:none;
}
section:target{
 display:block;
}
section.main{
 display:block;
}
<section class='main'>
...
</section>
<section id='test'>
...
</section>

现在,如果#test是:target,我需要隐藏section.main。

您可以在CSS 中使用它

visibility: hidden;

最新更新