Come stile CSS ruolo

Question

Nella seguente codice HTML

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

l'id si può accedere attraverso #content in CSS. Come accedere a role="main".

Answer 1

Usa CSS selettori di attributo:

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

esempio:

div[role=main] 

Answer 2

accesso in questo modo dovrebbe funzionare: #content[role="main"]

Answer 3

Certo si può fare in questo modo:

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

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

Answer 4

seguire questa discussione per ulteriori informazioni

CSS Attribute Selector: Apply class if custom attribute has value? Also, will it work in IE7+?

e imparare selettore di attributo CSS

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

Answer 5

favore usa:

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

Answer 6

La via più breve per scrivere un selettore che accede a che div specifico è di usare semplicemente

[role=main] { 
    /* CSS goes here */ 
} 

Le risposte precedenti non sono sbagliate, ma si basano su di voi per mezzo di un div o utilizzando l'ID specifico. Con questo selettore, sarete in grado di avere tutti i tipi di markup pazzo e funzionerebbe ancora ed eviterete problemi di specificità.

[role=main] { 
 
    background: rgba(48, 96, 144, 0.2); 
 
} 
 
div, 
 
span { 
 
    padding: 5px; 
 
    margin: 5px; 
 
    display: inline-block; 
 
}

<div id="content" role="main"> 
 
    <span role="main">Hello</span> 
 
</div>