如何分别用CSS选择器选择这四个div.content元素？

Question

代码如下：

    <div class="tag">111
        <div class="content">
            111
        </div>
    </div>
    <div class="tag">111
        <div class="content">
            111
        </div>
    </div>
    <div class="tag">111
        <div class="content">
            111
        </div>
    </div>
    <div class="tag">111
        <div class="content">
            111
        </div>
    </div>

目的：不想使用类似div.tag:nth-child div.content的办法，CSS选择器能不能直接像jQuery$('.content').eq(n)那样直接选中div.content集合中的第n个元素呢？

Answer 1

.tag:nth-child(2) .content{color: #f00;}

选中div.content集合中的第2个元素