Question

There is a webpage containing this fragment of HTML: <div class="a b"></div><div class="a"></div>. How can I hide the second div with CSS, leaving the first one visible? Please note, that I cannot add any other classes, as well as the visibility of the first div changes (sometimes relative, sometimes absolute) and it does not depend on me.

Answer 1

You can hide both then show the one that has both classes a and b

.a {display: none;}
.a.b {display: block;}

If the mark-up won’t change you can hide the second div with the following:

.a.b + .a {display:none;}

This says anything with the class a that directly follows anything with both classes a and b should be hidden.