Selektor atributů

Můžeme také vybírat prvky podle jejich atributů. Například v následujícím kódu si můžeme všimnout, že oba obrázky mají atribut src:

<img src="obrazky/kocka.jpg" />
<img src="obrazky/pes.jpg" />

Abychom mohli vybrat všechny prvky s atributem src, použijeme následující selektor [src] například následovně:

[src] {
    height: 50px;
}

Vidíme, že atribut, který chceme vybrat zapíšeme do hranatých závorek. Můžeme ale být více specifičtí, můžeme třeba vybrat prvek, který má atribut src s hodnotou obrazky/pes.jpg. Toho bychom docílili následovně:

[src="obrazky/pes.jpg"] {
    height: 100px;
}

Prvky s atributem určité hodnoty vybereme tím, že napíšeme atribut i s hodnotou stejně jako v HTML a vložíme do hranatých závorek.