Autor Zpráva
Karlos007
Profil *
mam nasledujici <img class="image thumbnail">
1.) je to tak, ze patri do obou trid - jak image tak i thumbnail?
2.) jakym zpusobem definuju presne tyto obrazky v css souboru?
3.) stejne jako 2.) ale pouze pokud jsou nasledniky prvku <div class="content">
Manq
Profil
Karlos007
1. Na obrázek se použijí vlastnosti z třídy "image" a zároveň z třídy "thumbnail".
2. Například tak, že mezi <head> a </head> přidáš
<style>.image {border:2px solid #c60;}
.thumbnail {float:left;}</style>
3.Nechápu. Možná myslíš dědičnost, ale nevím.
Bubák
Profil
Nechápu, na co se přesně ptáš, krom toho, co už bylo odpovězeno. Více informací najdeš v článku Kaskádové styly v dobrém stylu.
Karlos007
Profil *
Manq:
myslim to tak:
Nekde mam obrazky tridy image ty maji nejaky vlastnosti.
Jinde mam obrazky ktere maji tridu thumbnail a ty maji jine vlastnosti.

No a pak mam obrazky ktere maji takhle obe vlastnosti, a ty bych chtel jeste navic oramovat, ale prave za podminky ze budou mit prave obe tridy, tj aby mi to neovlivnilo ty ktery maji jen jednu tridu.

s html nemuzu nic delat(kdyby nekoho napadlo udelat treti tridu:-)
habendorf
Profil
.image.thumbnail {}
Bubák
Profil
Tak to je problém, v CSS nic jako podmínky nejsou, a bez nich nejde to nepůjde udělat. Takže na to musíš jinak, ale pokud neexistuje použitelný kontext (HTML jsem neviděl), máš smůlu.
Bubák
Profil
habendorf
To je ono, že mě to nenapadlo.
Karlos007
Profil *
habendorf: dekuji. doufal jsem ze to pujde, tohle jsem jeste nevidel.
Chamurappi
Profil
Reaguji na Karlose007:
V Exploreru 6 selektor vícenásobné třídy nefunguje správně.
Bubák
Profil
V Exploreru 6 selektor vícenásobné třídy nefunguje správně.
Důkladněji jsem to otestoval a IE6 opravdu zlobí, je to vidět na příkladu:

<style>
.aaaa {border: 1px solid #999;}
.bbbb {color: red}
.aaaa.bbbb {background: #ffc}
</style>
<p class="aaaa">text text text text text text
<p class="bbbb">text text text text text text
<p class="aaaa bbbb">text text text text text text

IE6 chybně podbarví druhý odstavec.
habendorf
Profil
IE6 chybně podbarví druhý odstavec.

Přesněji řečeno, IE6 použije poslední deklaraci. Kdybys to zapsal .bbbb.aaaa, podbarví první (teda asi, nezkoušel jsem).
habendorf
Profil
Teda lépe řečeno, poslední třídu v tom selektoru vícenásobné třídy.
habendorf
Profil
Chamurappi

V Exploreru 6 selektor vícenásobné třídy nefunguje správně.

Zatímco v IE7 také ne :o)
Chamurappi
Profil
Ještě doplním související odkaz:
Vícenásobné třídy na Mraveništi

Reaguji na habendorfa:
Ve standardním režimu Exploreru 7 fungují.
Vzpomínám si, že jsem to testoval před psaním článku pro Lupu. Bohužel jsem si na to nevzpomněl při psaní :-)
habendorf
Profil
Ve standardním režimu Exploreru 7 fungují

Pravda, teď jsem to zkoušel.
Bubák
Profil
Na Mraveništi jako vícenásoné třídy mají něco takového:
.trida1 .trida2 {} /* s mezerou */

Tohle jsem na Mravenisti neviděl:
.trida1.trida2 {} /* bez mezery */

Obdobně:
div.trida {} /* bez mezery */
div .trida {} /* s mezerou */
znamená něco úplně jiného.
Chamurappi
Profil
Reaguji na Bubáka:
Aha. Špatný odkaz. Špatný článek. Ale určitě o těch třídách vím z Mraveniště.
Chamurappi
Profil
Reaguji na sebe:
Aha! Správný odkaz. Správný článek. Viz raroušův komentář.
habendorf
Profil
Nebo přímo u zdroje: http://www.w3.org/TR/CSS21/selector.html#class-html

To match a subset of "class" values, each value must be preceded by a ".".

Example(s):

For example, the following rule matches any P element whose "class" attribute has been assigned a list of space-separated values that includes "pastoral" and "marine":


p.marine.pastoral { color: green }

This rule matches when class="pastoral blue aqua marine" but does not match for class="pastoral blue".

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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