Latest web development tutorials

CSS seletores de atributo

elementos de estilo HTML com atributos específicos

estilo elemento HTML não é apenas classe e id com propriedades específicas.

Nota :! IE7 e IE8 declaração DOCTYPE precisa apenas suportam selectores de atributo!IE6 e versões anteriores não suportam selectores de atributo.

seletores de atributo

O exemplo que se segue é para conter todos os elementos do título (Título) torna-se azul:

Exemplos

[Título] { color: blue ;}

tente »

Atributos e valores seletores

O exemplo a seguir altera o estilo de borda título title = elemento "w3big ':

Exemplos

[Title = w3big] { border: 5 px sólido verde ;}

tente »

Selecione Propriedades e valor - mais valor

Aqui está um exemplo do atributo elementos de estilo título especifica o valor do uso de (-) separando propriedades e valores:

Exemplos

[Título ~ = Olá] { color: blue ;}

tente »

Aqui está um exemplo do elemento de estilo atributo lang especifica o valor do uso de (|) separa atributos e valores:

Exemplos

[Lang | = pt] { color: blue ;}

tente »

estilo de forma

Atributo estilo selectores sem o uso de uma forma de classe ou ID:

Exemplos

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

tente »