VISSZA
MENÜ
TOVÁBBKiválasztja azokat az elemeket, amelyek szülő elemeik utolsó gyermekei.
:last-child
{
meghatározásblokk
}
/*Kiválasztja azokat az elemeket, amelyek szülő elemeik utolsó gyermekei.*/
Példa:
Forráskód
...
<style>
body :last-child {background-color: teal;}
div :last-child {background-color: purple;}
</style>
...
<body>
<p> A BODY első gyermeke vagyok <em>
( p- utolsó )</em></p>
<p> A BODY második gyermeke vagyok </p>
<div>
<p> A DIV első gyermeke vagyok </p>
<p> A DIV utolsó gyermeke vagyok </p>
</div>
<em> A BODY utolsó gyermeke vagyok </em>
</body>
Eredmény*
* Az eredmény megjelenítése az Ön által használt böngészőtől függ.
A példakód külön ablakban is megtekinthető: kijelolo_utolso_gyermek.html