CSS @apply rule
CSS custom properties empower creators to characterize reusable qualities, give them names, at that point conjure them all through the template. This makes it simple to keep a page's topic steady when changes are made, in light of the fact that the theming esteems are characterized in a focal place. Be that as it may, custom properties can hold something other than values—they can likewise be utilized to hold sets of announcements. The @apply run takes these arrangements of statements and inlines them in another style lead, filling a need practically equivalent to what the var() work improves the situation singular qualities.
Test your Web App on LambdaTest
With LambdaTest you can test your website on 2000+ browser and OS combinations for cross browser compatibility issues and ensure that your webpage fallbacks are working fine on browsers that do not support
CSS @apply rule.
BROWSER SUPPORT FOR
CSS @apply rule
CSS @apply rule element is not supported by Chrome version 4 to 50. This property is not supported but can be enabled for Chrome 51 to 67. It can be enabled via the "Experimental web platform features" flag under about:flags.
This element is not supported by Mozilla Firefox browser.
IE browser doesn't support this web element.
No Safari browser version supports this web element.
This browser element is not supported by Microsoft Edge browser.
Opera browser versions from 10.1 to Opera browser versions 37 doesn't support
CSS @apply rule element. This element is not supported but can be enabled for Opera browser version 38 to Opera browser versions 53.
Information sourced from
"Can I use" provides up-to-date browser support tables for support of front-end web technologies on desktop and mobile web browsers.
Other Browser Elements and Properties
All websites and webapps use collections of a lot of browser technologies and elements. Not all of these elements are supported by all browsers and browser versions. At LambdaTest you can test your website on all browsers and browser versions and easily debug browser compatibility issues in real time.
Fastest Way for Cross Browser Testing
You can test your website for cross browser compatibility across all Firefox browser versions using LambdaTest
Perform cross browser testing of your website/ webapp across all Chrome browser versions using LambdaTest
Check your website on all Safari browser on Mac and Windows for cross browser compatibility with LambdaTest
Perfrom cross browser testing of your website/ web app across all IE verions using LambdaTest
Our plans starts with a free plan where you access to all features and free 60 minutes of live testing per month.
Need support for a larger team? We have very flexible plans and if they don’t suffice, leave us a message here, and we would help you out.