Create an if statement with css [duplicate]

Question

Is it possible in CSS that when for example the class 'demo1' is display:block the class 'demo2' is automatically display:None

Mr. Alien · Accepted Answer · 2013-10-11 10:42:53Z

3

Short Answer : No

Workaround : Use Javascript or jQuery using .toggle()

If you want to stick with CSS, you can do something like

div[style*="block"] + div {
    display: none;
}

Demo

The above selector will see whether div having an attribute of style contains a value called block if yes, than hide the adjacent div element using +

edited Oct 11, 2013 at 10:42

answered Oct 11, 2013 at 10:34

Mr. Alien

158k36 gold badges307 silver badges287 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Brad Christie Over a year ago

Indeed, or use a higher-level class. e.g. .hidden div.one, .hidden div.two { display: none; } then apply hidden to a container of both divs.

Collectives™ on Stack Overflow

Create an if statement with css [duplicate]

1 Answer 1

1 Comment

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Linked

Related