Css 有没有办法压缩这个冗余代码?

Css 有没有办法压缩这个冗余代码?,css,Css,目前,我的样式表中包含以下内容: .form控件{ 背景色:#23272A; 边框颜色:#23272A; } .窗体控件:焦点{ 背景色:#23272A; 边框颜色:#23272A; } 。窗体控件:已禁用{ 背景色:#23272A; 边框颜色:#23272A; } 因此,我想知道是否有任何方法可以将这些组合起来,本质上是将三个状态指向一个集合。是的,如果所有选择器具有相同的属性,请将这三个规则全部放在一个规则中,同时使用逗号分隔的三个选择器 .form控件, .窗体控件:焦点, 。窗体控件:

目前,我的样式表中包含以下内容:

.form控件{
背景色:#23272A;
边框颜色:#23272A;
}
.窗体控件:焦点{
背景色:#23272A;
边框颜色:#23272A;
}
。窗体控件:已禁用{
背景色:#23272A;
边框颜色:#23272A;
}

因此,我想知道是否有任何方法可以将这些组合起来,本质上是将三个状态指向一个集合。

是的,如果所有选择器具有相同的属性,请将这三个规则全部放在一个规则中,同时使用逗号分隔的三个选择器

.form控件,
.窗体控件:焦点,
。窗体控件:已禁用{
背景色:#23272A;
边框颜色:#23272A;
}

是的,如果所有选择器都具有相同的属性,请同时使用逗号分隔的3个选择器,将3个规则全部放在一个规则中

.form控件,
.窗体控件:焦点,
。窗体控件:已禁用{
背景色:#23272A;
边框颜色:#23272A;
}

这不仅仅是一个压缩代码的问题,它还有助于将来维护它。这不仅仅是一个压缩代码的问题,它还有助于将来维护它。