有没有办法在 CSS 中进行克隆？答案

【问题标题】：Is there a way to make a clone in CSS?有没有办法在 CSS 中进行克隆？
【发布时间】：2010-10-02 13:45:55
【问题描述】：

例如我有这个 css 类：

.class{
   background:#FFF; 
   border:1px solid #ccc
}

我有这个 HTML 结构：

<ul class="list">
   <li>Item 1</li>
   <li>Item 2</li>
   <li>Item 3</li>
</ul>

我想在list. li 元素上使用.class，而不是将class="class" 添加到<li> 或为<li> 重写整个类。

类似：

.list li{
   .class
}

这有可能吗？

【问题讨论】：

【解决方案1】：

您可以使用逗号, 将一些css 应用于不同的css 选择器。所以你的例子是：

.class, .list li {
   background:#FFF; 
   border:1px solid #ccc
}

【讨论】：

【解决方案2】：

你知道更简单的方法是

.list li, .class {
      whatever css
}

【讨论】：

【解决方案3】：

不，很遗憾，这不起作用。 Flex 有这个概念与

.myClass {
  styleName: "myStyleName";
}

但 CSS 不是这样工作的。 CSS 也需要嵌套选择器，但在这之前我不想挂在绳子上。

【讨论】：

【解决方案4】：

使用纯 CSS 是不可能的。但是，存在具有这些功能的 CSS 框架。

【讨论】：