Tecnologia

Seletor de atributos

O seletor de atributos combina elementos baseado no valor de um atributo dado.


Links internos, começando com "#"


a[href^="#"] {
	background-color: gold;
	color: black;
}

<a href="#internal">Links internos, começando com "#"</a>

Links com "example" em qualquer lugar da URL


a[href*="example"] {
  background-color: silver;
  color: red;
}

<a href="http://example.com">Links com "example" em qualquer lugar da URL</a>

Todas divs com um atributo `lang` em negrito.


div[lang] { 
	font-weight: bold;
} 

<div lang="xx">Todas divs com um atributo `lang` em negrito.</div>

Todas divs com um atributo `lang` == "pt".


div[lang="pt"] { 
	color: green; 
} 

<div lang="pt">Todas divs com um atributo `lang` == "pt".</div>


Saiba mais em: https://developer.mozilla.org/pt-BR/docs/Web/CSS/Seletor_de_atributos

2020 © B85 Tecnologia
eu@andersonbravo.com.br