CSS[自定义？]属性

谁能解释一下这个css的语法，特别是什么是

窗格

。。我在XUL上下文中找不到radio元素的此类属性。我猜这是某种自定义属性？如果是的话，那么它是如何通过行、首先声明，然后几个赋值来发展的？它还选择了，这意味着可以有多个自定义属性？ 以后如何使用这些属性？

括号选择器（

[]

）按属性选择

以下内容与

title

属性设置为某物的任何图像相匹配：

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);
}

以下匹配其

src

属性为

foo.png

的任何图像：

img[title] { /* stuff */ }

因此，您的示例规则分别匹配：

带有

窗格

属性的

无线电

元素

收音机

其

窗格

属性已设置且等于

窗格前外观

的元素

悬停的

收音机

元素，其

窗格

属性已设置，且等于

窗格前外观

无线电

元素，其

窗格

属性已设置且等于

窗格前外观

，其

所选

属性已设置且等于

真

括号选择器（

[]

）按属性进行选择

以下内容与

title

属性设置为某物的任何图像相匹配：

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);
}

以下匹配其

src

属性为

foo.png

的任何图像：

img[title] { /* stuff */ }

因此，您的示例规则分别匹配：

带有

窗格

属性的

无线电

元素

收音机

其

窗格

属性已设置且等于

窗格前外观

的元素

悬停的

收音机

元素，其

窗格

属性已设置，且等于

窗格前外观

无线电

元素，其

窗格

属性已设置且等于

窗格前外观

，其

所选

属性已设置且等于

真

---

这些不是赋值，而是属性（值）匹配。AFAIK

selected

是一个标准属性，而不是自定义属性。将首先应用最有选择性的匹配。这些不是赋值，而是属性（值）匹配。AFAIK

selected

是一个标准属性，而不是自定义属性。将首先应用最有选择性的匹配。@zneak:例如，这个表达式将否定选择器？window:not（[active=“true”）？是的：它将匹配

window

元素，该元素的

active

属性未设置或不等于

true

@zneak:因此，例如，该表达式将否定选择器？窗口：不（[active=“true”]）？是：它将匹配

窗口

元素，该元素的

活动

属性未设置或不等于

真

。