Autor Zpráva
Kaja
Profil *
co znamena tehle zapis? vubec tomu nerozumim.

h3+ol>li>a { text-indent: 30px; color: #010101; background-image: url(img/pencil.png); background-repeat: no-repeat; background-position: 4px 3px; padding: 0px 0px 0px 0px; border-top: 1px solid #DFDFDF; width: 100%; height: 18px;
Kaja
Profil *
neni mi jasne to:

h3+ol>li>a
centi
Profil
Tak postupne:

h3+ol znamená, že CSS pravidlo sa aplikuje na číslovaný zoznam, ktorý bezprostresne nasleduje po h3. Teda aplikuje sa na nasledovné:

<h3>toto je nadpis 3 úrovne</h3>
<ol>
<li>...</li>
<li>...</li>
</ol>


ale neaplikuje sa na toto, pretože OL nenasleduje hneď po H3:

<h3>toto je nadpis 3 úrovne</h3>
<p>nejaký text na úvod, zoznam bude až neskôr</p>
<ol>
<li>...</li>
<li>...</li>
</ol>


ol>li>a znamená, že pravidlo sa aplikuje na priamych potomkov. Teda na linku, ktorá je priamym potomkom LI, ktoré je priamym potomkom OL (uff)... Teda:


<ol>
<li><a href="">linka1</a></li>
<li>
<p>odstavec a v ňom <a href="">linka2</a></p>
</li>
</ol>

Na prvú linku sa pravidlo aplikuje, na linku2 už nie, pretože nie je priamym potomkom LI, ale akoby vnukom :-). Pozri si aj ukážku.

No a teraz dúfam, že som sa nepomýlil, ak hej, tak ma niekto opravte.
Leo
Profil
S tim, ze v IE to nebude fungovat, Leo
JiK
Profil *
v IE to neudela nic nebo aspon neco?
habendorf
Profil
IE to IMHO bude úplně ignorovat.
Marty
Profil
JiK
IE neumí selektor potomka (ol>li>a), tze tento zápis neprovede nic.
Toto téma je uzamčeno. Odpověď nelze zaslat.

0