CSS funkce toggle()
Nefunguje zatím snad nikde, měla by sloužit k pohodlnému zadávání hodnot pro zanořené elementy stejného názvu.
2
minuty
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
- Specifikace: W3C: CSS Values and Units Module Level 3
Související články
Možnosti stylování <iframe>
Co lze a nelze u <iframe> ovlivnit pomocí CSS a jak na změnu textu nebo barev.
10
minut
Zvýraznění aktivní sekce při rolování
Moderní způsoby zvýraznění aktivní položky navigace podle aktuální sekce – CSS i IntersectionObserver.
5
minut
