trishalanglois/refactor-tractor

SCSS nesting

Closed this issue · 0 comments

allisonjw commented

Nesting makes representing relationships between elements in HTML possible in CSS. There are plenty of opportunities for nesting, but here are a few. We need to be careful not to "over nest" because of cascading styles and readability

  • div styling can be nested under nav nav=>div

  • header tag can have UL and P tag nested underneath header=>ul=>p

  • .steps__article--3=>span

  • .all-time-sleep=>span=>h5