html - 有没有办法在 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>的或为 <li> 重写整个类(class)的。

类似于:

.list li{
   .class
} 

这有可能吗？

Answer 1

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

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