您可能已经知道,元素上可能有多个类,这些类之间用空格隔开。
<div class="content main"></div>
而使用CSS则可以div使用.content或来定位.main。当 且仅当 两个类都存在时 ,才有 办法将其定位吗?
div
.content
.main
<div class="content main">I want this div</div> <div class="content">I don't care about this one</div> <div class="main">I don't want this</div>
我将使用哪个CSS选择器获得第一个选择器div(假设我无法使用.content:first-child或类似的选择器)?
.content:first-child
是的,只需串联它们:.content.main。
.content.main
但是请注意,Internet Explorer 6之前的版本不支持多个类选择器,而仅使用上一个类名。