Skip to content

Instantly share code, notes, and snippets.

@overthemike
Created July 2, 2012 23:58
Show Gist options
  • Save overthemike/3036502 to your computer and use it in GitHub Desktop.
Save overthemike/3036502 to your computer and use it in GitHub Desktop.
CSS
Css is for presentation
External vs Internal vs Inline
Selectors (css2) - http://www.w3.org/TR/CSS2/selector.html
Universal: *
Type: body
Descendant: body div
Child: body > div
Class: .myclass
ID: #myId
Pseudo: :first-child
Dynamic Pseudo: :active, :hover, :focus
Link Pseudo: :link, :visited
Attribute: div[foo], div[foo="bar"], div[foo~="bar"]
Adjacent: div + p
Optimizing Selectors
How CSS selects from right to left and why - http://stackoverflow.com/questions/5797014/css-selectors-parsed-right-to-left-why
Good visual representation - http://www.stuffandnonsense.co.uk/archives/images/specificitywars-05v2.jpg
FEZ style guidelines - http://tt.zappos.net:8890/display/FEZ/CSS
Cascading & overriding
Specificity
Print Stylesheets
Responsive Layout
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment