Lekce 1.3

Moderní nativní CSS

Vlastní vlastnosti a zanořování bez preprocesoru, dotazy na velikost rodiče a specificita, kterou máme pod kontrolou.

Cvičení: Refaktoring

Dvě cvičení, ve kterých karta přestane sledovat okno a začne si všímat svého okolí. V druhém k tomu přidáme selektor :has() a uklidíme specificitu do vrstev.

  1. 1RefaktoringKarta, která si o svém rozvržení rozhoduje podle šířky rodiče, ne podle okna.
  2. 2Refaktoring – pokračováníPodmínky podle obsahu karty a pravidla uklizená do vrstev kaskády.