Skip to content

Latest commit

 

History

History
66 lines (55 loc) · 2 KB

README.md

File metadata and controls

66 lines (55 loc) · 2 KB

Module 1 - CSS Selectors

Projects

1. selectors CSS Selectors in Depth
2. attribute selectors various ways to use CSS Attribute selectors
3. combinators Composing atomic selectors using combinators
4. pseudo class CSS Pseudo classes
5. pseudo elements CSS Pseudo elements
6. specifity CSS Selectors specificy

Introduction to selectors

  • What is a selector?
  • What the selector selects?

Simple Selectors

  • Type Selector
  • Class Selector
  • Id Selector
  • Universal Selector

Attribute Selectors

  • Existance of attribute
  • Equality to value
  • Attribute contains value
  • Attribute begins or ends with value
  • Attribute is a space seperated list containing value
  • Attribute is a dash seperated list containing value

CSS Combinators

  • Descendant Combinator
  • Child Combinator
  • Adjacent Combinator
  • Sibling Combinator
  • And Combinator
  • Or Combinator

Pseudo Class Selectors

  • :hover, :active, :visited Selectors
  • :first-child, :last-child, :nth-child Selectors
  • :first-of-type, :last-of-type, :nth-of-type Selectors
  • :not Selector

Pseudo Element Selectos

  • :first-letter, :first-line Selectors
  • ::after, ::before Selectors
  • ::marker Selector
  • ::selection Selector

CSS specifity

  • Specifity Hierarchy
  • How to calculate
  • Specifity rules

Angular Selectors

  • :root Selector
  • :host Selector

Extra links