Autor | Zpráva | ||
---|---|---|---|
wrestler Profil |
#1 · Zasláno: 29. 6. 2008, 16:10:29
Mám problém. Týká se stylování odkazů v oblastech, přičemž mě překvapilo následující:
Když jsem donedávna používal pro chtěnou oblast, kde jsem chtěl mít obrázkové odkazy a obrázky bez rámečků, následující kód, #vymena a, #vymena a:hover {text-decoration: none; border: 0; margin: 0; padding: 0; background: transparent} a oblast zapsal kódem <div id="vymena"> hromada obrázkových odkazů </div> všechno fungovalo jak jsem požadoval. Jenže teď jsem chtěl mít takovýchto oblastí na jedné stránce více, a to už je jasné, že to nešlo z hlediska validity. Id je prostě unikátní a může být na jedné stránce pouze jednou. Tak jsem se s tím nijak nemazal a přepsal CSS kód na: .vymena a, .vymena a:hover {text-decoration: none; border: 0; margin: 0; padding: 0; background: transparent} a HTML na: <div class="vymena"> hromada obrázkových odkazů </div> A ejhle, obrázky mají rámečky a nereagují na druhý styl. Týká se to snad priority id a class? Poraďte, prosím... |
||
Měsíček Profil |
#2 · Zasláno: 29. 6. 2008, 16:16:36
Tomu nevěřím .. :)
|
||
wrestler Profil |
#3 · Zasláno: 29. 6. 2008, 16:17:10 · Upravil/a: wrestler
Něvěřš?
Věř... Pouhá záměna křížku za tečku a přepsání id na class dělá s divy divy... |
||
Zdeněk Košťál Profil |
#4 · Zasláno: 29. 6. 2008, 16:19:42 · Upravil/a: Zdeněk Košťál
wrestler
Před tímto můžeš mít napsaný selektor s id, který bude mít ve výsledku větší prioritu a přebije tento "slabší" selektor. Dám příklad: #main a { color: red; } .vymena a { color: blue; } |
||
wrestler Profil |
#5 · Zasláno: 29. 6. 2008, 16:23:23
Zdeněk Košťál
myslel jsem, že to bude něco s tímto. Je tomu tak, .vymena lezi v selektoru #text a #text .vymena a to skutečně vyřešil. Díky moc! |
||
Časová prodleva: 16 let
|
0