CSS3/JS Selectors: When Your HTML5 Has No Class

Pick an element, any element. Style it. Manipulate it. No IDs. No classes. No jQuery necessary. We’ll learn all the new features of selectors in CSS and JavaScript that enable you to select this DOM node, that DOM node, and even an imaginary DOM node based on attributes, relation to other elements, location in the DOM, or just an element’s mere existence. The possibilities are endless, if you know how to use the tools in your tool box. Today’s tool is CSS3 (and JavaScript) selectors.

Estelle Weyl

Instart Logic

Estelle Weyl started her professional life in architecture, then managed teen health programs. In 2000, she took the natural step of becoming a web standardista. She has consulted for Kodakgallery, SurveyMonkey, Samsung, Yahoo! and Apple, among others. Estelle shares esoteric tidbits learned while programming CSS, JavaScript and XHTML and detailed grids of CSS3 and HTML5 browser support in her blog at http://www.standardista.com. She is a co-author of Mobile HTML5, HTML5: The Definitive Guide and HTML5 and CSS3 for the Real World. While not coding, she works in construction, de-hippifying her 1960’s throwback abode.