我正在建立一个四五年前建立的网站,我遇到了一些我以前从未见过的东西。谁建立了网站是使用两个类(.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>
感谢您的帮助!
答案 0 :(得分:2)
specify multiple classes on a single HTML element完全有效且正常,并使用multiple, chained class selectors in CSS定位它们。根本就没什么好看的。
是的,您还可以按任意顺序将任意数量的ID选择器,类选择器,属性选择器和伪类相互链接。 #home.product
和.product#home
都是等效的,匹配ID为home
的元素以及product
类。