2014-08-27 57 views
1

我有一个关于具有相同内容的多个项目的CSS结构问题。多个css结构选项

我想要的是有两个div,一个是right,另一个是left。他们都有几个链接,没有附加类。我要的是能够简单地做这样的事:

<!DOCTYPE html> 
<html> 
<head> 
<style> 
div.left or div.right > a { 
    background-color: yellow; 
} 
</style> 
</head> 
<body> 

<div class="right"> 
    <a href="google.com">test</a> 
</div> 

<div class="left"> 
    <a href="google.com">test2</a> 
</div> 

</body> 
</html> 

我知道这是行不通的,但我想知道是否有这样做的另一种方法。

+0

您是否想完成在一个css语句中设置两个超链接的样式? – 2014-08-27 11:52:22

+0

是的,最好是 – 2014-08-27 11:52:39

+0

div.left或div.right> a {to div.left> a,div.right> a { – 2014-08-27 11:54:43

回答

4

使用方法如下。

div.left > a, div.right > a { 
background-color: yellow; 
}