我如何与其他人一起制作CSS课程

Question

我有课程调用"example1"此课程定义了背景，我想创建另一个课程调用"example2"，以便在名为{{1}的每个<li>课程中使用相同的背景我怎么能做到。我的目标是使用像这样的课程

"example1"

我试过这个

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

但它不起作用 Thansk的帮助

更新

我修改了这个问题，因为我的问题不是我想要的。我想在示例2的每个example2, .example1 li{ } 中使用与example1相同的背景

Answer 1

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

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

编辑：如果您要使用CSS3，则可以使用SASS。祝IE好运。这是我多年来学会讨厌的导航员。

Answer 2

在css

中使用 .class

.example2, .example1 li{

}

您只是忘了在 example2 -class

前添加一个点

Answer 3

您可以在示例中的<li>元素上添加背景，如下所示：

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

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

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

Answer 4

如果我没有错，你的意思是你希望将分配给班级example1的背景图片分配给那些<li>，他们是分配了班级{{1}的元素的孩子}}？

如果是这种情况，请使用：

example2

Answer 5

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

如果是这样，那么这可能就是你要找的东西：

example2

请澄清我是否仍然误解了这个问题。