CSS分组不正确？

为什么

.right, .left .box_header {
margin: -10px -1.2% 10px -1.2%;
padding: 5px 0.5% 5px 0.5%;
}

不做我期望它做的事（即）

---

如果要将多个选择器分组，则必须完全声明它们：

.right .box_header, .left .box_header  {
margin: -10px -1.2% 10px -1.2%;
padding: 5px 0.5% 5px 0.5%;
}

---

不能使用

，

对子模式进行分组。请参阅或。

如果要对多个选择器进行分组，则必须完全声明它们：

.right .box_header, .left .box_header  {
margin: -10px -1.2% 10px -1.2%;
padding: 5px 0.5% 5px 0.5%;
}

---

不能使用

，

对子模式进行分组。请参阅或。

这是因为在第一个代码中，您声明了两个不同的选择

i） 类选择器（.right） 它为任何附加了类“right”的元素设置样式。

ii）祖先后代选择器（.left.box_头） 它设置“box_header”类的任何元素的样式，这些元素必须是附加的“left”类元素的后代

在第二段代码中，您显式声明了

i） 祖先后代选择器（.right.box\u头） 它为类“box\u header”的任何元素设置样式，这些元素必须是附加的类“right”元素的后代。

要正确声明这两种样式，可以使用以下代码

.right .box_header, .left .box_header  {
/* Styles here*/
}

ii）祖先后代选择器（.left.box_header）ii） 它设置“box_header”类的任何元素的样式，这些元素必须是附加的“right”类元素的后代

---

这就是为什么两个代码的效果不同。

这是因为在第一个代码中，您声明了两个不同的选择

i） 类选择器（.right） 它为任何附加了类“right”的元素设置样式。

ii）祖先后代选择器（.left.box_头） 它设置“box_header”类的任何元素的样式，这些元素必须是附加的“left”类元素的后代

在第二段代码中，您显式声明了

i） 祖先后代选择器（.right.box\u头） 它为类“box\u header”的任何元素设置样式，这些元素必须是附加的类“right”元素的后代。

要正确声明这两种样式，可以使用以下代码

.right .box_header, .left .box_header  {
/* Styles here*/
}

ii）祖先后代选择器（.left.box_header）ii） 它设置“box_header”类的任何元素的样式，这些元素必须是附加的“right”类元素的后代

---

这就是为什么两种代码的效果不同。

blergh。我肯定我以前在别的地方见过我所描述的。谢谢。也许您已经看到了

.left.box\u头、.right{}

，这将导致

和

的行为相同。但是我不建议这样做，因为

也会被样式化。我肯定我以前在别的地方见过我所描述的。谢谢。也许您已经看到了

.left.box\u头、.right{}

，这将导致

和

的行为相同。但是我不建议这样做，因为

也会被样式化。