Combinators

trying to implement the and selector
trying to implement the or selector
implementing the or selector
  • generalised sibling selector- highlights everything below it
  • descendent selector
  • testing adjacent sibling selector
  • li highlighted
child selector b is direct child of span

Pseudo Classes

state: hover over me

testing visited and unvisited link
  • position
  • li:first-child
  • li:last-child
  • li:nth-child(3)
  • li:nth-child(2n)
  • li:nth-child(3n)
highlighting first line. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consequuntur, numquam.

Pseudo Element

Lorem ipsum dolor sit. Lorem ipsum dolor sit amet consectetur adipisicing elit. Sapiente, sed.

Attributes

testing 2 testing
thiss iss div

Css Priorty

Value defined as Important > Inline >id nesting > id > class nesting > class > tag nesting > tag.