Sass - Syntactically Awesome Stylesheets. LESS « The Dynamic Stylesheet language. HTML5 Boilerplate - A rock-solid default template for HTML5 awesome. CSS-Tricks. CSS Reference. Style rule syntax style-rule ::= selectors-list { properties-list } Where: selectors-list ::= selector[:pseudo-class] [::pseudo-element] [, selectors-list] properties-list ::= [property : value] [; properties-list] See the index of selectors, pseudo-classes, and pseudo-elements below. Style rule examples css For a beginner-level introduction to the syntax of selectors, see our guide on CSS Selectors. At-rule syntax As the structure of at-rules varies widely, please see At-rule to find the syntax of the specific one you want.
The following are the various selectors, which allow styles to be conditional based on various features of elements within the DOM. Basic selectors Basic selectors are fundamental selectors; these are the most basic selectors that are frequently combined to create other, more complex selectors. Combinators Next-sibling combinator A + B Subsequent-sibling combinator A ~ B Child combinator A > B Descendant combinator A B Column combinator A || B Experimental Pseudo Pseudo classes :