css - 选择第一个类别之后的所有类别

Question

如果我有如下的HTML结构

<section class="main-gallery homeowner-rating content-block">
  <!--content-->
</section>

<section class="homeowner-rating content-block">
  <!--content-->
</section>

<section class="homeowner-rating content-block">
  <!--content-->
</section>

<section class="homeowner-rating content-block">
  <!--content-->
</section>

如何选择除第一个之外的所有 homeowner-rating.content-block 类？

为了提供一些上下文，我使用 Nokogiri 设置了一个简单的屏幕抓取，但它试图从返回空白结果的第一部分类中获取信息。

def get_testimonials
  url = 'http://www.ratedpeople.com/profile/lcc-building-and-construction'
  doc = Nokogiri::HTML.parse(open url)
  testimonial_section = doc.css('.homeowner-rating.content-block').each do |t|
    title = t.css('h4').text.strip
    comments = t.css('q').text.strip
    author = t.css('cite').text.strip
  end
 end

Answer 1

根据您当前的设置，有多种方法:

.homeowner-rating+.homeowner-rating
{
   color: red;  
}

演示:http://jsfiddle.net/PKEv5/

.homeowner-rating:not(.main-gallery)
{
   color: red;  
}

演示:http://jsfiddle.net/PKEv5/1/

这仅在主画廊是节点的第一个子节点时有效:

.homeowner-rating:not(:first-child)
{
   color: red;  
}

演示:http://jsfiddle.net/PKEv5/2/