Атрибуты CSS [custom?] - PullRequest
Новая
       10

Атрибуты CSS [custom?]

1 голос
/ 03 мая 2010 
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);
}

Может кто-нибудь объяснить синтаксис этого css, особенно что такое pane .. Я не смог найти такой атрибут для радиоэлемента в контексте XUL. Итак, я думаю, это какой-то особый атрибут? Если это так, то как оно развивается через строки, сначала декларации, а затем несколько назначений? Он также имеет selected, что означает, что может иметь несколько пользовательских атрибутов? Как эти атрибуты можно использовать позже?

1 Ответ

4 голосов
/ 03 мая 2010

Селектор скобок ([]) выбирает по атрибуту.

Следующее соответствует любому изображению с атрибутом title, установленным на что-то: 

img[title] { /* stuff */ }

Следующее соответствует любому изображению с атрибутом src foo.png: 

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

Итак, правила вашего примера совпадают соответственно:

  1. radio элементов с атрибутом pane;
  2. radio элементов с установленным атрибутом pane, равным prefpane-appearance;
  3. hovered radio элементов, для которых установлен атрибут pane и равен prefpane-appearance;
  4. radio элементов, чей атрибут pane установлен и равен prefpane-appearance, а чей атрибут selected установлен и равен true.
...