This CSS Feature Makes Specificity Errors Disappear

Key Takeaways

specificity is one of the most annoying things to deal with in CSS but with the new layer property we can actually get around a lot of problems with CSS properties so if we'll just come in here the final layer called one and we'll put this code inside of that we're going to Define another layer we'll just call this one two and we'll put this red class inside of there and immediately when I do this you'll notice our color changes to Red even though classes are less specific than IDs and that's because layers allow you to specify layers of things that are going to be sectioned together so all your code in layer 1 goes together all the code in Layer Two goes together and layers apply in order so everything in layer 1 applies and then everything in layer 2 is going to overwrite the things in layer one this is really great for creating things like utility layers or layers for your base Styles or like bootstrap Styles and if you want to learn even more about layers because there's a ton to learn I'm going to link my full video and blog article on it in the descriptions and comment below