css-encapsulation.css

.app-name-wrapper {
  /* lots of code that wrapper covers */
}

.page-name-wrapper {
  /* For example, in amazon it would be .catalog-tv {} to apply css styles for tv catalog pages. */
}

/* As we continue we'll get and become more granular, smaller in responsibility, and encapsulating less and less code. For more part it can be achieved with 3-4 levels of responsibility  */

.section-name-wrapper {
/* sections like menu, navbar, articles, header, footer etc. Could be mostly margin, padding, structure, sizes etc */
}

.component-name-wrapper  {
  /* component specific wrapper */
}

.component-name {
  /* component very specific styling */
}