Conditional Styling For Unsupported CSS Features
PreviousClean Up Repetition With :is() Pseudo-ClassNextCreate A Pulsing Background With CSS Animation
Last updated
Was this helpful?
Last updated
Was this helpful?
As much as possible, you should aim to use CSS features that have broad browser support. Sometimes browsers lag behind or you'd like to take advantage of a draft feature in browsers that support it.
For these situations, you can provide conditional styling using the .
Here is an example of conditionally using display: grid
if it is supported:
In there is an example of using background-blend-mode
and falling back to background-image
if it isn't supported.