仅当有两个类并共享相同的第一个类时才选择元素

Question

我在要解析的 HTML 中有这些元素：

<td class="line"> GARBAGE </td>
<td class="line text"> I WANT THAT </td>
<td class="line heading"> I WANT THAT </td>
<td class="line"> GARBAGE </td>

如何制作一个 CSS 选择器来选择具有属性类行和其他类的元素（可能是标题、文本或其他任何东西）但不是仅属性类行？

我试过了：

 td[class=line.*]
 td.line.*
 td[class^=line.]

编辑

我正在使用 Python 和 BeautifulSoup：

url = 'http://www.somewebsite'
res = requests.get(url)
res.raise_for_status()
DicoSoup = bs4.BeautifulSoup(res.text, "lxml")
elems = DicoSoup.select('body div#someid tr td.line')

我正在考虑修改最后一部分，即 td.line 到 td.line.whateverotherclass 之类的东西（但不是单独的 td.line，否则我的选择器已经足够了）

Answer 1

@BoltClock suggested 通常是解决 CSS 选择器问题的正确方法。唯一的问题是BeautifulSoup supports a limited number of CSS selectors。例如，not() selector is :not(.supported) at the moment。

您可以使用“starts-with”选择器来检查一个类是否以line 开头，后跟一个空格（它非常脆弱，但适用于您的示例数据）：

for td in soup.select("td[class^='line ']"):
    print(td.get_text(strip=True))

或者，您可以使用 find_all() 并使用 searching function 检查 class 属性以拥有 line 和其他一些类来解决它：

from bs4 import BeautifulSoup

data = """
<table>
    <tr>
        <td class="line"> GARBAGE </td>
        <td class="line text"> I WANT THAT </td>
        <td class="line heading"> I WANT THAT </td>
        <td class="line"> GARBAGE </td>
    </tr>
</table>"""
soup = BeautifulSoup(data, 'html.parser')

for td in soup.find_all(lambda tag: tag and tag.name == "td" and
                                    "class" in tag.attrs and "line" in tag["class"] and
                                    len(tag["class"]) > 1):
    print(td.get_text(strip=True))

打印：

I WANT THAT
I WANT THAT

Answer 2

您可以为类选择器链接 CSS 类。

.line {
  color: green;
}
.line.text {
  color: red;
}
.line.heading {
  color: blue;
}

<p class="line">GARBAGE</p>
<p class="line text">I WANT THAT</p>
<p class="line heading">I WANT THAT</p>
<p class="line">GARBAGE</p>