CSS | Selector [atributo*=valor]

El selector [attribute*=”str”] se utiliza para seleccionar aquellos elementos cuyo valor de atributo contiene la substring especificada str. Esta substring podría estar al principio, al final o en medio de la clase.

Sintaxis:

element [attribute*="str"] {
    // CSS Property
} 

Ejemplo:

<!DOCTYPE html>
<html>
    <head>
        <title>
            CSS [attribute*="str"] Selector
        </title>
          
        <!-- CSS property -->
        <style> 
            p[class*="for"] {
                background: green;
                color: white;
            }
        </style>
    </head>
    <body>
        <h1>GeeksForGeeks</h1>
        <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 [attribute*=value] Selector se enumeran a continuación:

  • Google Chrome 4.0
  • Internet Explorer 7.0
  • Firefox 3.5
  • Apple Safari 3.2
  • Ópera 9.6

Publicación traducida automáticamente

Artículo escrito por ManasChhabra2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *