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

Question

例如我有这个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>

我想在.class元素上使用list. li而不将class="class"添加到<li>或重写整个类{{1} }}的

类似的东西：

<li>

这有可能吗？

Answer 1

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

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

Answer 2

你知道更简单的方法

.list li, .class {
      whatever css
}

Answer 3

不，不幸的是，这不起作用。 Flex有

这个概念

.myClass {
  styleName: "myStyleName";
}

但CSS并不是这样的。 CSS也需要嵌套的选择器，但我不想挂绳子直到发生这种情况。

Answer 4

使用纯CSS无法实现。但是，存在具有这些功能的CSS框架。