CSS [personnalisé?] Attributs

Question

radio[pane] { 
list-style-image: url("jar:resource:///chrome/classic.jar! 
     /skin/classic/browser/preferences/Options.png"); 
} 

radio[pane="prefpane-appearance"] { 
-moz-image-region: rect(0px, 32px, 32px, 0px); 
} 
radio[pane="prefpane-appearance"]:hover, 
radio[pane="prefpane-appearance"][selected="true"] { 
-moz-image-region: rect(32px, 32px, 64px, 0px); 
} 

Quelqu'un peut-il expliquer une syntaxe de cette css, en particulier ce qui est pane .. Je ne pouvais pas trouver un tel attribut pour l'élément radio dans le contexte de XUL. Donc je suppose que c'est un attribut personnalisé? Si c'est le cas, comment évolue-t-il à travers les lignes, la première déclaration, puis plusieurs assignations? Il a également selected, ce qui signifie que vous pouvez avoir plusieurs attributs personnalisés? Comment ces attributs peuvent-ils être utilisés plus tard?

Answer 1

Le sélecteur de parenthèses ([]) sélectionne par attribut.

Ce qui suit correspond à une image avec l'attribut title défini sur quelque chose:

img[title] { /* stuff */ } 

Ce qui suit correspond à une image dont src attribut est foo.png:

img[src="foo.png"] { /* stuff */ } 

Ainsi, vos règles par exemple respectivement correspondent:

1. radio éléments avec un attribut pane;
2. radio éléments dont l'attribut pane est défini et est égal à prefpane-appearance;
3. les éléments dont l'attribut pane est défini et radio;
4. radio les éléments dont l'attribut pane est défini et est égal à prefpane-appearance et dont l'attribut selected est défini et est égal à true.