CSS toggle()

Pokud se má nějak měnit styl s ohledem na zanoření, není současně podporované CSS moc elegantní. Zvláště pokud by bylo úrovní opravdu hodně, může být kód nekonečný.

ul {list-style-type: disc}
ul ul {list-style-type: circle}
ul ul ul {list-style-type: square}

A k tomu by mělo být právě toggle:

ul ul { list-style-type: toggle(disc, circle, square, box); }

Stačí jeden řádek a styly se budou neustále opakovat.

Ukázka (nejspíš nikde nefunguje)

  • Položka 1
    • Položka 1
    • Položka 2
      • Položka 1
    • Položka 1
  • Položka 1
  • Položka 2

Zdroje a související odkazy

To je všechno. Líbil se vám článek a chcete se dozvědět, až vyjde další?

Sledujte:

 

Připomínky mi pište do komentářů ↓

Počítání v CSS funkcí calc()

Počítání v CSS pomocí calc()

Od Exploreru 9 a mimo starou Operu 12 lze přímo v CSS provádět jednoduché výpočty využitím calc().

Proměnné v CSS

Proměnné v CSS – var()

Proměnné přímo v CSS přes funkci var().

Průhledné pozadí rgba()

Zápis průhledné barvy rgba()

Zadávání barev v CSS pomocí rgba() umožňuje vytvořit průhledné jednobarevné pozadí.

CSS gradient

Gradienty v CSS

Jak vytvořit barevný přechod (gradient) přímo v CSS bez použití obrázku.

CSS counter

CSS counter

Automatické číslování v CSS za pomocí counter-increment, counter-reset a counter.

Komentáře