Comment définir le rôle CSS

Question

Dans le code HTML suivant

 <div id="content" role="main">
 

L'identifiant est accessible via #content en CSS. Comment puis-je accéder à role="main" .

Answer 1

Utilisez les sélecteurs d'attributs CSS:

https://developer.mozilla.org/en-US/docs/CSS/Attribute_selectors

par exemple:

 div[role=main]
 

Answer 2

L'accès à celui-ci devrait fonctionner: #content[role="main"]

Answer 3

Bien sûr, vous pouvez le faire dans ce mode:

  #content[role="main"]{
       //style
    }
 

http://www.w3.org/TR/selectors/#attribute-selectors

Answer 4

suivez ce fil pour plus d'informations

Sélecteur d'attribut CSS: Appliquer la classe si l'attribut personnalisé a une valeur? En outre, cela fonctionnera-t-il dans IE7 +?

et apprendre le sélecteur d'attribut css

http://www.w3schools.com/css/css_attribute_selectors.asp

Answer 5

veuillez utiliser :

  #content[role=main]{
   your style here
}