The CSS Podcast

In this episode we talk about how the browser resolves multiple selectors targeting the same subjects and how it determines which style to actually apply. Turns out, lots of code from many different locations is trying to style your elements, learning about specificity will help you debug and understand why or why not certain styles are winning over others. Links Diagram by Estelle Weyl → http://specifishity.com Specificity Calculator → https://specificity.keegan.st

Get ready to learn some new CSS vocabulary! In this episode we talk about selectors, a syntax used to find elements (subjects) in a tree. CSS uses selectors to bind styles to subjects, and it’s quite powerful. We go over universal selectors, type selectors, class selectors, ID selectors, attribute selectors, pseudo selectors, complex and compound selectors, and various combinators. Links CSS selectors level 3 →https://goo.gle/39MHdRp CSS - Tricks: How Selectors Work → https://goo.gle/3cUSb9y

Where do scrollbars go, inside or outside the box? Una and Adam answer that and much more in their discussion of the CSS box model. Everything in CSS starts as a box, and while that’s a straight forward concept to initially think about, it can get complex quite quickly. Box Model CSS Spec → https://goo.gle/2x662cz Adam’s Box Model CodePen → https://goo.gle/2VUrwnn CSS Tricks on the Box Model → https://goo.gle/2TTg5cX