This Banner is For Sale !!
Get your ad here for a week in 20$ only and get upto 15k traffic Daily!!!

Manuel Matuzovic’s CSS Specificity Demo | Style-Tricks


Should you’re searching for a primer on CSS specificity, we’ve bought that. And for those who’re attempting to get forward of the sport, you ought to be conscious of CSS Cascade Layers as nicely.

Screenshot of the CSS Specificity Demo.

One of many methods to assist get a grasp of CSS specificity is pondering phrases of “what beats what” or how sturdy the specificity is. Manuel Matuzovic has a helpful interactive step-by-step demo. You retain clicking the “Add selector” button, and the CSS proven (and utilized to the web page) modifications with ever-increasingly-strong selectors utilized to the physique that change the background-color. On the finish, it veers into not-really-selectors trickery, like utilizing @keyframes to override issues.

Extra specificity apply

Should you loved the trickery on the finish, take a look at Francisco Dias’ A Specificity Battle!, an article we revealed a number of years again that does a back-and-forth styling battle with nineteen steps “choosing” the identical ingredient to re-style it. CSS is cray typically.


Direct Link →



Source link

The Article was Inspired from tech community site.
Contact us if this is inspired from your article and we will give you credit for it for serving the community.

This Banner is For Sale !!
Get your ad here for a week in 20$ only and get upto 10k Tech related traffic daily !!!

Leave a Reply

Your email address will not be published. Required fields are marked *

Want to Contribute to us or want to have 15k+ Audience read your Article ? Or Just want to make a strong Backlink?