blackantt 发表于 2023-5-26 14:34:22

css里span.cn {#EEEEEE} span.en {#EEEEEE} span.sp {#EEEEEE} 能合并吗?

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属性。
页: [1]
查看完整版本: css里span.cn {#EEEEEE} span.en {#EEEEEE} span.sp {#EEEEEE} 能合并吗?