Latest web development tutorials

CSS selectores de atributos

elementos de estilo HTML con atributos específicos

estilo elemento HTML no es sólo class e id con propiedades específicas.

Nota :! IE7 e IE8 declaración DOCTYPE solamente necesitan apoyo selectores de atributos!IE6 y versiones anteriores no son compatibles con selectores de atributos.


selectores de atributos

El siguiente ejemplo es para contener todos los elementos del título (título) se convierte en azul:

Ejemplos

[Título] { Color: azul ;}

Trate »


Selectores de atributos y valores

En el siguiente ejemplo se cambia el estilo de borde del título title = elemento 'w3big':

Ejemplos

[Título = w3big] { frontera: 5 px sólido verde ;}

Trate »


Seleccione Propiedades y valor - más valor

Este es un ejemplo del atributo elementos de estilo de título especifica el valor del uso de (-) que separa las propiedades y valores:

Ejemplos

[Título = ~ hola] { Color: azul ;}

Trate »

Aquí está un ejemplo de la lang atributo de elemento de estilo especifica el valor de la utilización (|) separa los atributos y valores:

Ejemplos

[Lang | = es] { Color: azul ;}

Trate »


forma de estilo

Atributo de estilo selectores sin el uso de un tipo de clase o id:

Ejemplos

entrada [type = "text"] { Ancho: 150 px ; Display: block ; Margin-bottom: 10 px ; Background-color: amarillo ;} entrada [type = "button"] { Ancho: 120 px ; Margin-left: 35 px ; Display: block ;}

Trate »