[已解决]css里span.cn {#EEEEEE} span.en {#EEEEEE} span.sp {#EEEEEE} 能合并吗？

blackantt

a1.css

span.cn {#EEEEEE}   
span.en {#EEEEEE}   
span.sp {#EEEEEE}
上面这3条能合并吗？  写成   span.cn.en.sp {#EEEEEE}   好像就不对了。

最佳答案

月排行榜 / 总排行榜

isdkz

2023-5-26 14:36:54

CSS选择器的并列可以使用逗号分隔，但不能使用点分隔。点分隔的选择器表示一种“与”的关系，而逗号分隔的选择器表示一种“或”的关系。

这意味着你的例子中的  span.cn.en.sp  选择器会选择同时具有  cn ， en ，和  sp  三个类的 span 元素，而你的目标是选择具有这三种类之一的任意 span 元素。

你可以将这三个规则合并为以下形式：

span.cn, 
span.en, 
span.sp {
    color: #EEEEEE;
}

这个规则将选择类为  cn ， en ，或  sp  的任何 span 元素，并将它们的颜色设置为  #EEEEEE 。

注意，我将  #EEEEEE  解释为颜色值，并假设你想将其应用为文本颜色。在 CSS 中，你需要指定你希望更改的具体属性。在这个例子中，我选择了  color  属性。如果你希望改变背景颜色，那么应该使用  background-color  属性。

跳转到最佳答案楼层

isdkz

CSS选择器的并列可以使用逗号分隔，但不能使用点分隔。点分隔的选择器表示一种“与”的关系，而逗号分隔的选择器表示一种“或”的关系。

这意味着你的例子中的  span.cn.en.sp  选择器会选择同时具有  cn ， en ，和  sp  三个类的 span 元素，而你的目标是选择具有这三种类之一的任意 span 元素。

你可以将这三个规则合并为以下形式：

span.cn, 
span.en, 
span.sp {
    color: #EEEEEE;
}

这个规则将选择类为  cn ， en ，或  sp  的任何 span 元素，并将它们的颜色设置为  #EEEEEE 。

注意，我将  #EEEEEE  解释为颜色值，并假设你想将其应用为文本颜色。在 CSS 中，你需要指定你希望更改的具体属性。在这个例子中，我选择了  color  属性。如果你希望改变背景颜色，那么应该使用  background-color  属性。