[css-selectors] :style() - detecting css tags

[Nokel81]

It is sometimes quite useful to style based on style. This selector would be able to match styles of a given element.

Example:
div:style(display: flex) { }
Would match all divs that are flex boxes. Choosing by display type seems to me to be the most useful but I have generalized it to be able to be used for other selections

[FremyCompany]

This is unfortunately a class of problems that cannot be solved reasonably in web browsers.

Take for instance a look at issue #1656

[astearns]

@FremyCompany I expect you meant to link to some other issue

[FremyCompany]

Ahahah yes, sorry :)

#1656

[Nokel81]

You could disallow any properties that were used for selection.

Allowed:

div:style(display: flex) {
    background-color: grey;
}

NotAllowed (Ignored):

div:style(display: flex) {
    display: grid;
}

[tabatkins]

Unfortunately that doesn't work; see #1656 (comment)

[Nokel81]

Ah I see now, I did not quite follow that comment previously. I accept that action-at-a-distance is very annoying and a bad practice.