Context Navigation

Changes between Initial Version and Version 1 of Ticket #55281

Timestamp:

08/11/2022 07:36:08 PM (3 years ago)

Author:

sabernhardt

Comment:

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)

Ticket #55281
- Property Version changed from 5.9.1 to 5.6
- Property Summary changed from Twenty Twenty One Theme: Consider decreasing the selector specificity to Twenty Twenty-One: Consider decreasing the selector specificity

initial	v1
1		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?
	1	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?