How to check if class exist using only css

Question

I need to change a tag on my html if another tag on my dom is missing a class, I need to check it with out using JS or Jquery, can I do that?

Example:

<a class="collapsed">MY TEXT HERE IS RED</a>

after clicking on this tag the class - > collapsed disappear and I need my text to change to green. the only change in my code is the collapsed been disappeared so according to that I need to change my text color I need the hasClass function in css...

can you be more specific, give us an example of what you want before getting a bunch of downvotes — Temani Afif
– Temani Afif, Commented Nov 26, 2017 at 12:47

Temani Afif · Accepted Answer · 2017-11-26 13:06:33Z

7

Why not simply use :not() selector like this :

a:not(.collapsed) {
  color: green;
}

a.other {
  color:red;
}

<a class="collapsed">MY TEXT HERE IS RED</a>
<a>MY TEXT HERE IS green</a>
<a class="other">MY TEXT HERE IS RED</a>

answered Nov 26, 2017 at 13:06

Temani Afif

280k30 gold badges380 silver badges505 bronze badges

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

Collectives™ on Stack Overflow

How to check if class exist using only css

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related