Latest web development tutorials

CSS attribut sélecteurs

éléments de style HTML avec des attributs spécifiques

HTML style élément est non seulement la classe et id avec des propriétés spécifiques.

Remarque :! IE7 et IE8 déclaration DOCTYPE seulement besoin de soutien sélecteurs d'attributs!IE6 et versions antérieures ne prennent pas en charge les sélecteurs d'attributs.


Attribut sélecteurs

L'exemple suivant est pour contenir tous les éléments du titre (titre) devient bleu:

Exemples

[Titre] { couleur: bleu ;}

Essayez »


Attributs et valeurs sélecteurs

L'exemple suivant modifie le style de bordure titre title = élément 'w3big':

Exemples

[Titre = w3big] { border: 5 px solide vert ;}

Essayez »


Sélectionnez Propriétés et valeur - plus de valeur

Voici un exemple de l'attribut des éléments de style de titre spécifie la valeur de l'utilisation de (-) séparant les propriétés et les valeurs:

Exemples

[Titre ~ = bonjour] { couleur: bleu ;}

Essayez »

Voici un exemple de l'élément de style attribut lang spécifie la valeur de l'aide (|) sépare les attributs et les valeurs:

Exemples

[Lang | = fr] { couleur: bleu ;}

Essayez »


style Formulaire

Attribut de style sélecteurs sans l'utilisation d'une forme de classe ou id:

Exemples

input [type = "text"] { largeur: 150 px ; Affichage: bloc ; Margin-bottom: 10 px ; Background-color: yellow ;} entrée [type = "button"] { largeur: 120 px ; Margin-left: 35 px ; Affichage: bloc ;}

Essayez »