Similar to matches-any this specificity-adjustment pseudo-class represents an element that is represented by its arguments (as selector list) just with a specificity of zero. This is helpful whenever a general matching is used but simple overwrites should still be possible.
# Syntax
Copy
:where(selector1[, selector2, …]) {
/* declarations */
}
# Example
Copy
input:where(:not(:focus)) {
background-color: #000000;
}
form input {
background-color: #bbbbbb;
}
All inputs in this example should have a black background (except on focus) with a specificity of zero which means form input would already overwrite the selector due to a higher specificity.
# Browser support
Platform
Chrome
Firefox
Safari
Edge
Internet Explorer
Opera
Desktop
No
No
No
No
No
No
Mobile
No
No
No
No
No
No
# Usage statistics (Alexa Top 1,250,000 sites)
Please wait a moment, the comments start loading now...