CSS nesting

Writing child rules inside a parent rule.

What is CSS nesting?

CSS nesting lets you write rules for child elements inside a parent rule, keeping related styles together.

.card {
  padding: 16px;
  h3 { margin-top: 0; }
  &:hover { box-shadow: 0 2px 8px #0002; }
}

Level: Freelancer · More CSS terms at this level

Updated