CSS [ atribut = hodnota ] Selektor
Příklad
Styl prvků <a> s target="_blank":
a[target=_blank]
{
background-color: yellow;
}
Další příklady „Vyzkoušejte si to sami“ níže.
Definice a použití
Selektor [ atribut = hodnota ] se používá k výběru prvků se zadaným atributem a hodnotou.
Verze: | CSS2 |
---|
Podpora prohlížeče
Čísla v tabulce určují první verzi prohlížeče, která plně podporuje selektor.
Selector | |||||
---|---|---|---|---|---|
[attribute=value] | 4.0 | 7.0 | 2.0 | 3.1 | 9.6 |
Syntaxe CSS
[attribute = value] {
css declarations;
}
Další příklady
Příklad
Když se <input type="text"> zaostří, postupně změňte šířku ze 100 pixelů na 250 pixelů:
input[type=text] {
width: 100px;
transition: ease-in-out, width .35s ease-in-out;
}
input[type=text]:focus {
width: 250px;
}
Související stránky
CSS tutoriál: CSS Attribute Selectors