How to style CSS role

Question

In the following HTML   lt div id  content  role  main  gt    the id can be accessed through  content in CSS  How do I access role  main

User · Answer

please use       content role main      your style here

User · Answer

Accessing it like this should work   content role  main

User · Answer

Sure you can do in this mode     content role  main             style         http   www w3 org TR selectors  attribute-selectors

User · Answer

The shortest way to write a selector that accesses that specific div is to simply use   role main         CSS goes here        The previous answers are not wrong  but they rely on you using either a div or using the specific id  With this selector  you ll be able to have all kinds of crazy markup and it would still work and you avoid problems with specificity    x000D   x000D   role main    x000D    background  rgba 48  96  144  0 2   x000D    x000D  div  x000D  span   x000D    padding  5px  x000D    margin  5px  x000D    display  inline-block  x000D    x000D   lt div id  content  role  main  gt  x000D     lt span role  main  gt Hello lt  span gt  x000D   lt  div gt  x000D   x000D   x000D

User · Answer

follow this thread for more information   CSS Attribute Selector  Apply class if custom attribute has value  Also  will it work in IE7    and learn css attribute selector  http   www w3schools com css css attribute selectors asp

User · Answer

we can use   element role  ourRole         requried style  important    for overriding the old css styles

User · Answer

Use CSS attribute selectors   https   developer mozilla org en-US docs CSS Attribute selectors  e g    div role main

[css] How to style CSS role

Examples related to css