English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Representa los elementos que tienen un atributo nombrado attribute y un valor que comienza con "value".
Manual de referencias de selectores CSS completos
Configura el color de fondo de todos los elementos div con el valor de atributo class que comienza con "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">El1Un elemento DIV.</div>
<div class="second">El2Un elemento DIV.</div>
<div class="test">El3Un elemento DIV.</div>
<p class="test">Este es un párrafo de texto común.</p>
</body>
</html>Prueba y mira ‹/›The [attribute^=value] El selector coincide con los elementos que tienen un valor de atributo que comienza con el valor especificado.
IEFirefoxOperaChromeSafari
Todos los navegadores principales admiten[attribute^=value] Seleccionador.
Nota: [attribute^=value] en IE8Para ejecutarse en<!DOCTYPE>
Configura el color de fondo de todos los elementos con el valor de atributo class que comienza con "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">El1Un elemento DIV.</div>
<div class="second">El2Un elemento DIV.</div>
<div class="test">El3Un elemento DIV.</div>
<p class="test">Este es un párrafo de texto común.</p>
</body>
</html>Prueba y mira ‹/›