Skip to content

Complex selectors with :not(:focus-within) #6

@mkasprz

Description

@mkasprz

Hi.
I wanted use some more complex selector such as button:not(:hover):not(:focus-within). Simply adding button:not(:hover):not([focus-within]) one will not help, as for browsers that support :focus-within this will always be true.

I believe some solution could be to add some class to <html> when browser doesn't support :focus-within. Then something like .no-native-focus-within button:not(:hover):not([focus-within]) would work I think.

What do You think about it? Do You have any other idea to solve this issue?

Thank You for creating it by the way!

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions