CSS3 Selectors

download CSS3 Selectors

of 17

  • date post

    29-Nov-2014
  • Category

    Technology

  • view

    709
  • download

    2

Embed Size (px)

description

 

Transcript of CSS3 Selectors

  • 1. CSS3 Selectors BY MURILLO GRUBLER
  • 2. Old selectors* .class #id element element, element .class element, elemento, #id
  • 3. New selectors element1~element2 :nth-of-type(n) [attribute^=value] :nth-last-of-type(n) :last-child [attribute$=value] :root [attribute*=value] :empty :first-of-type :target :last-of-type :enabled :only-of-type :disabled :only-child :checked :nth-child(n) :not(selector) ::selection :nth-last-child(n)
  • 4. Element ~ Element
  • 5. element[attribute^=value]
  • 6. element[attribute$=value]
  • 7. element[attribute*=value]
  • 8. element:first-of-type
  • 9. element:last-of-type
  • 10. element:only-of-type
  • 11. element:only-child
  • 12. element:nth-child(n)
  • 13. element:nth-child(2n - 1)Bracket the functions math
  • 14. element:nth-of-type(2n - 1)
  • 15. element:last-child (2n - 1)
  • 16. element:empty
  • 17. :not(element)