Autor Zpráva
marvays
Profil
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
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
: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
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.

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: