CSS selector by inline style attribute while exclude an attribute value

Question

Is there a CSS selector to exclude 'display: none' from an element by its inline style attribute value? So i need to write a css selector where 'display: none' is not present.

<div style = "position: absolute; top: 12px; left: 84px; display: none;">

Looking for something like below:

div[not:style * = 'display: none']

OR

div:not[style*='display: none']

Ian · Accepted Answer · 2019-08-06 17:05:22Z

1

You're close; you're just missing the parentheses for the not selector:

div:not([style*='display: none']) {}

Note: This is space and case-sensitive. In other words, it will match this:

<div style="display: none"></div>

and this:

<div style="display:None"></div>

You can make it case insensitive by adding an s before the ], and space insensitive by adding another filter:

div:not([style*='display: none' s]):not([style*='display:none' s]) {}

edited Aug 6, 2019 at 17:05

answered Aug 6, 2019 at 16:59

Ian

6,2326 gold badges46 silver badges76 bronze badges

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

Collectives™ on Stack Overflow

CSS selector by inline style attribute while exclude an attribute value

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