有没有办法在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> 

而且我想用在list. li元素.class不添加class="class"到<li>或者重写全班的<li>的。

喜欢的东西：

.list li{ 
    .class 
} 

这可能不知？

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框架。