2011-06-25 77 views
0

我有班级电话"example1"这个类定义了一个背景,我想创建另一个班级电话"example2"使用相同的背景每个<li>"example1"我怎么能做到这一点。我的目标是使用类这样我怎样才能做一个css类与其他

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

我想这样

example2, .example1 li{ 

} 

但它不会对你有所帮助

UPDATE

我修改工作 Thansk这个问题是因为我的问题不是我想要的。我想用例1的同样背景,例如2

回答

2

您不能像在OOP中那样为CSS类应用继承的概念。看到这question,因为我认为这是你想做的事情。使用一个单一的背景声明的一个方法是:

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

编辑:如果你打算使用CSS3,那么你可以使用SASS。与IE有关的事情祝你好运。这是我多年来学会憎恨的一位导航员。

+0

嗨,谢谢你问我修改了这个问题,因为我有一个错误编辑问题 – Jorge

1

使用的.class上课的每一个<li>在CSS

 
.example2, .example1 li{ 

} 

你只是忘了在你的例2的前面加上一个点 - class

1

你可以把一个背景在您的示例<li>内容是这样的:

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

上述目标的上课例题<ul>里面只有<li>元素。如果你想使用相同的样式上的多个元素,你可以使用逗号像这样把它们分开:

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

嗨,谢谢你问我修改了这个问题,因为我有一个错误编辑问题 – Jorge

1

如果我没看错,你的意思是你想分配给类example1背景图像被分配那些<li>谁是一个元素的子女分配example2类?

如果是这样的情况下,使用方法:

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

如果我理解你的问题正确的话,你必须在example1类中定义的背景属性,你想同样的背景属性适用于example2类的li元素。那是对的吗?

如果是这样,那么这可能是你在找什么:

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

请澄清,如果我仍然误解的问题。

+0

其实,这和@ ju5tu5的答案是一样的。我仍然不明白你在问什么。 – Brent