El selector [atributo^=valor] se utiliza para seleccionar aquellos elementos cuyo valor de atributo comienza con el atributo dado.
Sintaxis:
[attribute^=value] {
// CSS Property
}
Ejemplo:
<!DOCTYPE html>
<html>
<head>
<title>
CSS [attribute^="value"] Selector
</title>
<!-- CSS property -->
<style>
p[class^="for"] {
background: green;
color: white;
}
</style>
</head>
<body>
<h2>[attribute^=value] Selector</h2>
<p class="GeeksforGeeks">GeeksforGeeks</div>
<p class="forGeeks">A computer science portal</div>
<p class="Geeks">Sudo GATE</p>
<p class="for">Sudo placement</p>
</body>
</html>
Producción:
Navegadores compatibles: los navegadores compatibles con el selector [atributo^=valor] se enumeran a continuación:
- Google Chrome 4.0
- Internet Explorer 7.0
- Firefox 3.5
- Safari 3.2
- Ópera 9.6
Publicación traducida automáticamente
Artículo escrito por roshalmoraes y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA