CSS hide previous element if :target

Question

Is it possible to hide a previous element if an element is :target in pure css?

section:not(:target){
 display:none;
}
section:target{
 display:block;
}
section.main{
 display:block;
}

<section class='main'>
...
</section>
<section id='test'>
...
</section>

Now I need to hide section.main if #test is :target.

You can hide(affect using CSS) siblings not the parent, so as i see it's matter of sibling so **yes** you can. — divy3993, Oct 28 '15 at 16:55
Possible duplicate of [Is there a "previous sibling" CSS selector?](http://stackoverflow.com/questions/1817792/is-there-a-previous-sibling-css-selector) — skyline3000, Jan 23 '17 at 18:27

score 0 · Answer 1 · answered Oct 28 '15 at 17:11

0

You can use this in your CSS

visibility: hidden;

answered Oct 28 '15 at 17:11

CSS hide previous element if :target

1 Answers1