Moderní tvorba webových aplikací

O webu

Selektory :first-child a :last-child

Pro zaměření první/poslední položky v CSS lze místo přidávání tříd použít :first/last-child.

1 minuta

Kromě starších Internet Explorerů (tam jde doplnit podporu JavaScriptem) funkční ve všech běžných prohlížečích.

CSS

.test span:first-child {color: blue;}
.test span:last-child {color: red;}

HTML

<div class='test'>
	<span>Odkaz 1 (:first-child modře od IE 7)</span>
	<span>Odkaz 2</span>
	<span>Odkaz 3</span>
	<span>Odkaz 4</span>
	<span>Odkaz 5 (:last-child červeně od IE 9)</span>
</div>	

Další selektory

Seznam všech CSS selektorů je na samostatné stránce.

Související články

Převod písmen na VELKÁ a malá

Převedení textu na velká nebo malá písmena.

12 minut

Možnosti stylování <iframe>

Co lze a nelze u <iframe> ovlivnit pomocí CSS a jak na změnu textu nebo barev.

10 minut

Zvýraznění aktivní sekce při rolování

Moderní způsoby zvýraznění aktivní položky navigace podle aktuální sekce – CSS i IntersectionObserver.

5 minut

CSS funkce random()

Jak v CSS generovat náhodné hodnoty pomocí random() a kdy ji použít.

6 minut

Web jecas.cz píše Bohumil Jahoda, kontakt
Seznam všech článků
2013–2025