Selektory :first-child a :last-child

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.

To je všechno. Líbil se vám článek a chcete se dozvědět, až vyjde další?

Sledujte:

 

Připomínky mi pište do komentářů ↓

Zvýraznění aktivní kotvy

Zvýraznění aktivované kotvy (:target)

Pokud se v rámci stránky používají odkazy na jednotlivé #části, může být vhodné zvýrazněním ukázat, kam odkaz mířil.

CSS 3 selektory

Seznam všech CSS 3 selektorů

V CSS 3 je spousta selektorů, které s postupným mizením starších prohlížečů může dávat smysl znát.

CSS 3 selektory v IE 6, 7, 8

CSS 3 selektory ve starých IE

Doplnění podpory CSS 3 selektorů do starých prohlížečů pomocí JavaScriptu.

Označení externích odkazů

Označení interních a externích odkazů

Odlišení interních a externích odkazů a odkazů na soubory čistě v CSS.

Selektory :valid a :invalid

CSS selektory :valid a :invalid

CSS selektory :valid a :invalid umí rozpoznat správně nebo špatně vyplněné formulářové políčko.

Komentáře