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

时间:2010-10-02 13:45:56

标签: html css class

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

这有可能吗?

4 个答案:

答案 0 :(得分:3)

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

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

答案 1 :(得分:1)

你知道更简单的方法

.list li, .class {
      whatever css
}

答案 2 :(得分:1)

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

这个概念
.myClass {
  styleName: "myStyleName";
}

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

答案 3 :(得分:1)

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