当HTML类中存在空格时，如何选择元素

Question

如何使用CSS选择器获得下面的"This is the text I need"行？

我不知道如何处理表类中的空格。

<table class="some name">
<thead> 
</thead>
<tbody>
    <tr>
    <td style="text-align:center;">50</td>
    <td style="text-align:left;"><a href="/thing" title="thing">This is the text I need</a></td>

Answer 1

如果class属性值中有空格，则表示有多个类应用于元素。要定位具有多个类的元素，css选择器只是一个类链。一般来说，表单看起来像：

element.class1.class2

因此，假设链接是具有类"some"one_answers"name"的表中的第一个，则可以执行：

require 'nokogiri'
html = %Q{
<table class="some name">
    <thead> 
    </thead>
    <tbody>
        <tr>
            <td style="text-align:center;">50</td>
            <td style="text-align:left;"><a href="/thing" title="thing">This is the text I need</a></td>
        </tr>
    </tbody>
</table>
}
doc = Nokogiri::XML(html)
# Assuming you need both classes to uniquely identify the table
p doc.at_css('table.some.name a').text
#=> "This is the text I need"
# Note that you do not need to use both classes if one of them is unique
p doc.at_css('table.name a').text
#=> "This is the text I need"