English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Representa o elemento que possui um atributo chamado attribute e cujo valor começa com "value".
Manual completo de seletores CSS
Defina a cor de fundo de todos os elementos div cujo valor de atributo class começa com "test":
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Manual básico(oldtoolbag.com)</title>
<style>
div[class^="test"]
{
background:#ff9900;
}
</style>
</head>
<body>
<div class="first_test">O1Um elemento DIV.</div>
<div class="second">O2Um elemento DIV.</div>
<div class="test">O3Um elemento DIV.</div>
<p class="test">Este é um parágrafo de texto comum.</p>
</body>
</html>Testar e ver ‹/›O [attribute^=value] Os seletores correspondem aos elementos cujos valores de atributo começam com o valor especificado.
IEFirefoxOperaChromeSafari
Todos os navegadores principais suportam[attribute^=value] Seletores.
Atenção: [attribute^=value] no IE8Para executar em, deve-se declarar<!DOCTYPE>
Defina a cor de fundo de todos os elementos cujo valor de atributo class começa com "test":
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Manual básico(oldtoolbag.com)</title>
<style>
[class^="test"]
{
background:#ff9900;
}
</style>
</head>
<body>
<div class="first_test">O1Um elemento DIV.</div>
<div class="second">O2Um elemento DIV.</div>
<div class="test">O3Um elemento DIV.</div>
<p class="test">Este é um parágrafo de texto comum.</p>
</body>
</html>Testar e ver ‹/›