Use Firefox-specific CSS rules using @supports - HTML CSS HTML

HTML CSS examples for HTML:Line Break

Description

Use Firefox-specific CSS rules using @supports

Demo Code

ResultView the demo in separate window

<html lang="en">
 <head> 
  <style>
p::after {<!--from w ww. ja v a2 s.  c  om-->
   content:" nope."
}

@supports (display: -moz-grid) {
   p::after {
   content:" yep!"
}
</style> 
 </head> 
 <body translate="no"> 
  <p>Is it Mozilla? </p>  
 </body>
</html>

Related Tutorials