
css
CSS Selectors: Just the Tricky Bits
div > p + div[id*='header'] – If you saw this jumbled mess of selectors in someone’s CSS, could you decipher it? If not, then you’ll want to read this primer on funky CSS selectors that you should know! A Flawed Education Like many self-taught CSS guys, my education was cobbled together from a million different sources. I read articles, followed tutorials and experimented until my head hurt to get to a point where I could bust out a complex layout and achieve the styling that I want without too much trouble.This entry is part 2 of 16 in the CSS3 Mastery Session - Show All « Previous Next » Twice a month, we revisit some of our readers’ favorite posts from throughout the history of Nettuts+. This tutorial was first published in November, 2010. So you learned the base id , class , and descendant selectors – and then called it a day? If so, you’re missing out on an enormous level of flexibility. While many of the selectors mentioned in this article are part of the CSS3 spec, and are, consequently, only available in modern browsers, you owe it to yourself to commit these to memory.
The 30 CSS Selectors you Must Memorize
CSS Generators
css3

