CSS3 Selectors

783 views
606 views

Published on

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
783
On SlideShare
0
From Embeds
0
Number of Embeds
74
Actions
Shares
0
Downloads
34
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

CSS3 Selectors

  1. 1. CSS3 Selectors BY MURILLO GRUBLER
  2. 2. Old selectors* .class #id element element, element .class element, elemento, #id
  3. 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. 4. Element ~ Element
  5. 5. element[attribute^=value]
  6. 6. element[attribute$=value]
  7. 7. element[attribute*=value]
  8. 8. element:first-of-type
  9. 9. element:last-of-type
  10. 10. element:only-of-type
  11. 11. element:only-child
  12. 12. element:nth-child(n)
  13. 13. element:nth-child(2n - 1)Bracket the functions math
  14. 14. element:nth-of-type(2n - 1)
  15. 15. element:last-child (2n - 1)
  16. 16. element:empty
  17. 17. :not(element)

×