Preview Mode Links will not work in preview mode

Cascading Style Sheets (CSS) is the web’s core styling language. For web developers, It’s one of the quickest technologies to get started with, but one of the hardest to master. Follow Una Kravets and Adam Argyle, Developer Advocates from Google, who gleefully breakdown complex aspects of CSS into digestible episodes covering everything from accessibility to z-index.

Mar 24, 2020

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

 

Una Kravets (co-host)

Twitter | Blog | Instagram | YouTube

Making the web more colorful ✨🎨CSS & Web DevRel @GoogleChrome πŸ¦„ Host of the @toolsday podcast & Designing in the Browser show 🎬 Speaker & technical writer

Adam Argyle (co-host)

Twitter | Instagram | YouTube

@GoogleChrome CSS DevRel; @CSSWG; VisBug maker; dev += design; parentNode + 2 leafs; CSS/JS/UX addict; repeat(∞, [empathize, design, develop, deploy]); πŸ’€πŸ€˜

 

The CSS Podcast on Twitter

#CSSpodcast