Example with and with selectors

  .class .all-kids {
 // one
 }

  .class > .child {
  // two
  }

This selects only the children and not the grandchildren.

  .container ~ sibling {
  // three
  }

*

before, after

hover

nth-child

first-child, last child