Hi ... here's a tricky situation that I'm in ... its best explained with an example

I want to write a rule that will select an element only if it is of class "about-banner" and of class "third" from the following HTML

<div class="about-banner"></div>
<div class="third"></div>
<div class="about-banner third">This is the one I want to select</div>
<div class="about-banner half"></div>
<div class="about-banner quarter"></div>

How do I write it? My instinct would be to write

.about-banner.third {}

or

.about-banner && .third {}

If its not possible thats cool, just would like to know. Thanks in advance


edit post:
I know that I could wrap it in a container
<div class="about-banners"> ... </div>
.about-banners .third {}
but I'm trying to avoid doing so