我怎样才能和其他人一起做一个CSS类答案

【问题标题】：how can i make a css class with other我怎样才能和其他人一起做一个CSS类
【发布时间】：2011-09-22 17:45:30
【问题描述】：

我有类调用"example1" 这个类定义了一个背景，我想创建另一个类调用"example2" 以在名为"example1" 的类的每个<li> 上使用相同的背景，我该怎么做。我的目标是使用这样的类

<ul class="example2">
    <li>some text</li>
    <li>another text</li>
</ul>

我试过这样

example2, .example1 li{

}

但它不起作用感谢您的帮助

更新

我修改了问题，因为我的问题不是我想要的。我想在示例 2 的每个 <li> 中使用与示例 1 相同的背景

【问题讨论】：

标签： html css

【解决方案1】：

您不能像我们在 OOP 中那样为 CSS 类应用继承的概念。请参阅此question，因为我认为这与您想做的事情相同。使用单个背景声明的一种方法是：

.example1, .example1 li { /* define only the background here */ }
.example1 { /* everything but the background */ }
.example2 { /* anything */ }

编辑：如果你打算使用 CSS3，那么你可以使用SASS。祝 IE 好运。那是我多年来学会讨厌的一位导航员。

【讨论】：

【解决方案2】：

如果我正确理解了您的问题，您在 example1 类中定义了一个背景属性，并且您希望将相同的背景属性应用于 example2 类的 li 元素。对吗？

如果是这样，那么这可能就是您正在寻找的：

.example1, .example2 li {
  background: ....;
}

如果我仍然误解这个问题，请澄清。

【讨论】：

【解决方案3】：

如果我没记错的话，您的意思是希望将分配给example1 类的背景图像分配给那些<li>，这些<li> 是分配给example2 类的元素的子元素？

如果是这样，请使用：

.example1, .example2 li {
    background-image: url('/image/url/here/');
}

【讨论】：

【解决方案4】：

将 .class 用于 css 中的类

.example2, .example1 li{ }

你只是忘了在你的 example2-class 前面加一个点

【讨论】：

【解决方案5】：

您可以像这样在示例中的 <li> 元素上添加背景：

ul.example2 li {
    /* your background settings */
}

以上仅针对<ul> 中具有类example2 的<li> 元素。如果您想在多个元素上使用相同的样式，可以使用逗号分隔它们，如下所示：

.example1,
ul.example2 li {
    /* your background settings */
}

【讨论】：