Use the :where() pseudo-class function when you want to apply the same styles to multiple elements without worrying about the order of your selectors affecting the specificity of your rules. It’s a simple way to keep your CSS more predictable and maintainable.
However, note that :where() has no specificity, it is always zero!
No matter if the new code comes before or after the :where() function, the specificity of the element selected by :where() becomes zero, and its styles will be ignored.
Learn more: