Twenty Twenty-One: Consider decreasing the selector specificity

[orkunaybek]

There is a CSS selector that selects almost any a tags and applies white background on focus. This forces users to use at least 4 classes on elements to override by specificity and complicate the code. You can see mentioned selector and how it overrides the focus color of a button with 3 classes already in attached screenshots. Why such strong selector is used there, is it really necessary, can we remove it or decrease the specificity?

[sabernhardt]

Hi and welcome to Trac!

It's technically a set of selectors in 04-elements/links.scss, and each starts with:

.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button)

[karmatosed]

I am going to recommend this is closed. Firstly, whilst time should not be the only reason we close something, it has been there for a while, and to change specificity now might impact in ways causing issues.

If a solution that is desirable and doesn't do this can be found, I am happy to consider it, though. Thanks, everyone.

[karmatosed]

Thank you everyone I am going to now progress this to close.