使用多个body类来设置对子类的调用

时间:2012-03-13 17:49:48

标签: css css-selectors

我正在建立一个四五年前建立的网站,我遇到了一些我以前从未见过的东西。谁建立了网站是使用两个类(.home.product)来调用页面中的任何子元素(.banner)。我认为你不能这样做,但显然它有效。这是一个黑客还是犹太洁食?如果可以,你也可以使用ID吗? (例如:#home.product)?我希望我的问题有道理。

<head>           
<style>     
.home.product .banner{
 background:#d1d1d1;
 border:solid 1px #000;
 width:500px;
 height:150px;
 }
</style>     
</head>    
<body class="home product">  
  <div class="banner">Blah Blah Blah</div>   
</body>

感谢您的帮助!

1 个答案:

答案 0 :(得分:2)

specify multiple classes on a single HTML element完全有效且正常,并使用multiple, chained class selectors in CSS定位它们。根本就没什么好看的。

是的,您还可以按任意顺序将任意数量的ID选择器,类选择器,属性选择器和伪类相互链接。 #home.product.product#home都是等效的,匹配ID为home的元素以及product类。