CSS – Specificity

View Github Repository Open presentation in a new window

horolug

See all presentation from horolug

CSS – Specificity

0 0

workshop-css-specificity

On Github horolug / workshop-css-specificity

CSS

Specificity

Workshop

by

Aleksandr Gulbickij

Question

[ picture ]

Correct answer

[ picture ]

Task 1

Make div ... red using minimal amount of selectors

Task 2

Clean up CSS file ( remove not necessary selectors )

ID is useful for:

  • Hook JavaScript to
  • Accessibility
  • Linking with hash
  • Styling

Always start simple