| Autor | Zpráva | ||
|---|---|---|---|
| marvays Profil |
#1 · Zasláno: 25. 5. 2014, 20:28:12
Dobrý večer. Nevím proč, ale nedaří se mi přijít na funkční zápis css. Na dokazech mám class="mainlevel", která definuje mimo jiné i obrázek pozadí prvku. Ale potřebuji vybrat poslední ze seznamu a tam pozadí zrušit. zaboha se mi nedaří přijít na správný zápis. Nevím jak to zapsat pomocí :last-child nebo :last-of-type
<tbody>
<tr>
<td>
<a href="/terminy-soutezi-2014" class="mainlevel">Termíny soutěží a rezervace</a>
</td>
</tr>
<tr>
<td>
<a href="/online-prenosy-2014" class="mainlevel">Online přenosy</a>
</td>
</tr>
<tr>
<td>
<a href="/fotografie" class="mainlevel">Fotografie</a>
</td>
</tr>
</tbody>osobně jsem se nejvíce přikláněl k tomuhle, ale nepovedlo se jako i sposta jiných kombinací :( tr:last-of-type td a.mainlevel {
background: none !important;
} |
||
| juriad Profil |
Mě to funguje. Co tobě?
Ve starších prochlížečích tento pseudoselektor není podporovaný (IE8). V tomto případě je jedno, zda použiješ :last-of-type nebo :last-child. |
||
| marvays Profil |
#3 · Zasláno: 25. 5. 2014, 21:26:22
juriad:
„Mě to funguje. Co tobě?“ No tak to prostě nechápu, už mě to funguje taky. vtomto případě pořád nějak plavu. Neumím si zapamatovat nějakou jednoduchou poučku, kdy použít child a kdy type :( Nicméně, děkuji za tvůj čas. |
||
| juriad Profil |
#4 · Zasláno: 25. 5. 2014, 22:13:23
:last-of-type znamená poslední prvek toho typu.
:last-child znamená poslední prvek. <span> <a>X</a> <b>X</b> <a>X</a> <b>X</b> <i>Y</i> </span> span b:last-child nebude dělat nic; b není poslední, je za ním ještě i.
snap b:last-of-type zacílí zvýrazněný řádek.
:last-child má často smysl, pokud je v kontejneru jen jeden typ (v tbody je jen tr, takže tam je to jedno).
|
||
| rafej Profil |
div p:last-child => styl se aplikuje pokud: a) element je p b) a zároveň je posledním potomkem nadřazeného divu div p:last-type => styl se aplikuje pokud: a) element je p b) a zároveň je poslední mezi odstavci, kteří jsou potomky nadřazeného divu c) element nemusí být poslední potomek nadřazeného divu, tj. můžou následovat další elementy jiného typu, např. img, span ... Juriad mě předběhl, ale snad se ti to bude hodit taky. |
||
| marvays Profil |
#6 · Zasláno: 26. 5. 2014, 10:11:11
Aha, takže tady je ten problém. Vykládal jsem si to trochu jinak. :last-of-type chápu správně, ale :last-child mi dělal problémy. Chápal jsem to tak, že jde o doslovný překlad "poslední potomek" a automatický jsem jej zapisoval za "rodiče" . . . . takže u příkladu "juriada bych to zapsal span:last-child a čekal bych, že bude aplikovat na "i". Takže jsem to chápal skoro správně, jen špatně aplikoval :)
Děkuji moc. |
||
|
Časová prodleva: 10 let
|
|||
0