Autor Zpráva
Sakalik
Profil
Zdravim,
jednoduchá otázka - lze stylizovat třídu ve tvaru trida[xyz] ?

Na netu jsem nic nenašel (upřímě ani nevím, pod čím to hledat, takže je to možná ten důvod).

.trida[xyz]
nebo
.trida

mi to nebere :)

Předem díky za odpověď zkušenějších ;)...
Petr ZZZ
Profil
Syntaxe CSS:

Příklad s třídou:
.trida { vlastnost: hodnota; }

Příklad s identifikátorem:
#abc { vlastnost: hodnota; }
Dero
Profil
Do hranatých závorek se v selektoru píše dotaz na existenci určitého HTML atributu. pokud tedy máte kód:

<span class="trida" title="Nejaky title">Test</span>

... potom můžete tento prvek vybrat tímto selektorem:

.trida[title] { vlastnosti }
Petr ZZZ
Profil
Dero:
Koukám, že se mám ještě co učit – hranaté závorky v CSS jsem neznal. Můžu se zeptat, jaká je podpora v prohlížečích?

Dero: Díky!
Dero
Profil
Petr ZZZ: Kromě IE6 všechny používané.
Sakalik
Profil
Dero:
Supr, díky za vysvětlení, tím se můj problém vyřešil ;) ...
Chamurappi
Profil
Reaguji na Sakalika:
Element může mít víc tříd zároveň, takže dej těm svým elementům class="trida trida-xyz" a použijí se styly pro .trida i pro .trida-xyz. Vyrábět závislost na dalších atributech jen kvůli lepšímu zaměření v CSS není dobrý nápad.

lze stylizovat třídu ve tvaru trida[xyz] ?
Co se týče uvedeného zápisu, tak hranaté závorky v názvu třídy být můžou, ale v selektoru se pak musí escapovat. (Předpokládám, že hranaté závorky jsi uvedl jen pro příklad.)
peta
Profil
Sakalik: http://www.w3.org/TR/CSS2/selector.html#pattern-matching

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm:

0