Kiválasztja azokat az elemeket, amelyek szülő elemeik első, adott típusú gyermekei.
:first-of-type
{
meghatározásblokk
}
/*Kiválasztja azokat az elemeket, amelyek szülő elemeik első, adott típusú gyermekei.*/
Példa:
Forráskód
...
<style>
body em:first-of-type {background-color: teal;}
body p:first-of-type {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_elso_gyermek_tipus.html