search icon

Nestede CSS selectors

Én af de nyere tilføjelser til CSS, som jeg er meget begejstret for er nested CSS selectors. En funktion, der tidligere har været forbeholdt preprocessors som f.eks. SCSS og lignende.

Traditionel CSS

header nav {
  background-color: pink;
}
header a {
  text-decoration: none;
}

Nestet

Ovenstående CSS med nestede selectors

header {
  nav {
    background-color: pink;
  }
  a {
    text-decoration: none;
  }
}

I skrivende stund har jeg testet det i Chrome og i Edge, så det burde også virke i Safari da alle 3 browsere bruger Blink (browser engine). Jeg har også testet det i Firefox.

Skriv et svar

Verified by MonsterInsights