有没有办法根据设置为两个特定类的类属性的值来选择具有CSS的元素.例如,假设我有3个div:
<div class="foo">Hello Foo</div>
<div class="foo bar">Hello World</div>
<div class="bar">Hello Bar</div>
Run Code Online (Sandbox Code Playgroud)
我可以写什么CSS来选择列表中的第二个元素,基于它是foo和bar类的成员这一事实?
您可能已经知道,在空格分隔的元素上可能有多个类.
<div class="content main"></div>
Run Code Online (Sandbox Code Playgroud)
并与CSS,你可以定位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>
Run Code Online (Sandbox Code Playgroud)
我将使用哪个CSS选择器来获得第一个div(假设我不能使用.content:first-child或类似)?