Nová ukázka
Reset
Načíst z URL
Uložit a získat odkaz
Vztahuje se k…
Nevyplňujte
Napiště „nejsem robot“
▶
Přepnout zobrazení
Výsledek
<title>Vybrání prvního a posledního elementu</title> <h1>Vybrání prvního a posledního elementu</h1> <dl> <dt>Heslo</dt> <dd>Význam</dd> <dt>Heslo</dt> <dd>Význam</dd> <dt>Heslo</dt> <dd>Význam</dd> <dt>Heslo</dt> <dd>Význam</dd> </dl> <p>Pro vybrání prvního a posledního <code><dt></code> slouží selektor <a href="http://jecas.cz/css-selektory#prvni-posledni-typ"><code>:first-of-type</code>/<code>:last-of-type</code></a>.</p> <p>V tomto případě by šlo místo <code>:first-of-type</code> použít i přímo <a href="http://jecas.cz/css-selektory#prvni-posledni-potomek"><code>:first-child</code></a>.</p>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
dt:first-of-type, dt:last-of-type { background: #ccc; }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>