如何组合这个css？

有人知道我能不能把这些结合起来吗

.box_content ::selection {
 background:#CCCC33; /* Safari */
}
.box_content ::-moz-selection {
 background:#CCCC33; /* Firefox */
}

或者像：

.box_content ::selection .box_content ::-moz-selection {
 background:#CCCC33;
}

---

你的第二个例子应该很好。

你的第二个例子应该很好。

第二个例子是正确的。可以使用逗号分隔css选择规则

因此：

.box_content ::selection, .box_content ::-moz-selection {
 background:#CCCC33;
}

这将

style-x

和

style-y

应用于任何与匹配的选择器规则1或

选择器规则2

---

为了解释为什么您的第一个示例不起作用，这是因为

空格

暗示了祖先-后代关系，所以如果您有：

selector-rule1, selector-rule2 {
    style-x;
    style-y;
}

然后

style-z

将应用于与

selector-rule4

匹配的任何东西，如果它也是与

selector-rule3

匹配的东西的祖先

---

.

第二个是正确的。可以使用逗号分隔css选择规则

因此：

.box_content ::selection, .box_content ::-moz-selection {
 background:#CCCC33;
}

这将

style-x

和

style-y

应用于任何与匹配的选择器规则1或

选择器规则2

---

为了解释为什么您的第一个示例不起作用，这是因为

空格

暗示了祖先-后代关系，所以如果您有：

selector-rule1, selector-rule2 {
    style-x;
    style-y;
}

然后

style-z

将应用于与

selector-rule4

匹配的任何东西，如果它也是与

selector-rule3

匹配的东西的祖先

.

要对选择器进行分组：

selector-rule4 selector-rule4 {
    style-z;
}

要对选择器进行分组，请执行以下操作：

selector-rule4 selector-rule4 {
    style-z;
}

---

您的第二个示例无法运行，因为浏览器没有完整的规则：

当用户代理无法解析 选择器（即，它不是有效的CSS 2.1），它必须忽略选择器和以下声明块（如果 任何）以及

---

Opera和Webkit无法解析Gecko专有选择器，Gecko也无法解析常规：：selection。因此，该规则将永远不会被应用。

您的第二个示例无法工作，因为浏览器无法执行完整的规则：

当用户代理无法解析 选择器（即，它不是有效的CSS 2.1），它必须忽略选择器和以下声明块（如果 任何）以及

---

Opera和Webkit无法解析Gecko专有选择器，Gecko也无法解析常规：：selection。所以这个规则永远不会被应用。

你在问题中写了正确的代码，但你从未真正尝试过？@Joe-请不要让问题悬而未决，回去接受答案，这会让你的问题更吸引潜在的回答者。你在问题中写了正确的代码，但你从来没有真正尝试过吗？@Joe-请不要让问题悬而未决，回去接受答案，这会让你的问题更吸引潜在的回答者。