Skip to content

Latest commit

 

History

History
60 lines (48 loc) · 1.54 KB

README.md

File metadata and controls

60 lines (48 loc) · 1.54 KB
Raw

Module 1 - Selectors

Projects
fun-with-selectos CSS Selectors in Depth

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

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