这里的大多数答案都试图提供如何编写HTML代码以包含更多数据的替代方案，因为至少到CSS3为止，您不能通过部分内部文本选择元素。但这是可以做到的，你只需要添加一点普通的JavaScript，注意因为female也包含了male，它会被选中:

细胞=文件 控制台日志(细胞); forEach[]。呼叫(细胞、功能) 如果(el.innerText.indexOf) ! - el。click ();点击或其他选择 控制台日志(el)。 的 }); < table > < tr > 彼得< td > < / td > < td >男< / td > 34 < / td > < td > < / tr > < tr > < td >苏珊< / td > < td >女性< / td > 14 < / td > < td > < / tr > - < table >

<table>
  <tr>
    <td data-content="Peter">Peter</td>
    <td data-content="male">male</td>
    <td data-content="34">34</td>
  </tr>
  <tr>
    <td data-conten="Susanne">Susanne</td>
    <td data-content="female">female</td>
    <td data-content="14">14</td>
  </tr>
</table>

@voyager关于使用data-*属性的回答(例如data-gender=“女性|男性”是2017年最有效且符合标准的方法:

[data-gender='male'] {background-color: #000; color: #ccc;}

大多数目标都可以实现，因为有一些尽管有限的选择器面向文本。first-letter是一个伪元素，它可以对元素的第一个字母应用有限的样式。还有一个::first-line伪元素，除了明显地选择元素(如段落)的第一行之外，还意味着很明显可以使用CSS来扩展这种现有功能，以设置textNode的特定方面的样式。

在这种主张成功并实现之前，我能建议的下一个最好的事情是使用空格分隔符爆炸/分割单词，在span元素中输出每个单独的单词，然后如果单词/样式目标是可预测的，则结合使用:n个选择器:

$p = explode(' ',$words);
foreach ($p as $key1 => $value1)
{
 echo '<span>'.$value1.'</span>;
}

否则如果无法预测，再次使用voyager关于使用data-*属性的答案。一个使用PHP的例子:

$p = explode(' ',$words);
foreach ($p as $key1 => $value1)
{
 echo '<span data-word="'.$value1.'">'.$value1.'</span>;
}

对于那些希望进行Selenium CSS文本选择的人来说，这个脚本可能会有一些用处。

诀窍是选择你正在寻找的元素的父元素，然后搜索含有文本的子元素:

public static IWebElement FindByText(this IWebDriver driver, string text)
{
    var list = driver.FindElement(By.CssSelector("#RiskAddressList"));
    var element = ((IJavaScriptExecutor)driver).ExecuteScript(string.Format(" var x = $(arguments[0]).find(\":contains('{0}')\"); return x;", text), list);
    return ((System.Collections.ObjectModel.ReadOnlyCollection<IWebElement>)element)[0];
}

如果有多个元素，它将返回第一个元素因为在我的例子中，它总是一个元素。

如果我没看错说明书的话，没有。

您可以在元素上匹配元素中属性的名称和元素中命名属性的值。但是，我没有看到任何用于匹配元素中的内容的东西。

所有这些都是很好的答案，但我认为我可以添加一些在实际场景中对我有用的东西:利用CSS的aria-label属性。

对于那些不知道的读者:aria-label是一个属性，它与其他类似的属性一起使用，让屏幕阅读器知道什么是什么，以防有视力障碍的人在使用你的网站。许多网站将这些属性添加到包含图像或文本的元素中，作为“描述符”。

这使得它高度特定于网站，但如果你的元素包含这个，使用属性的内容选择该元素是相当简单的:

HTML:

<td aria-label="male">Male</td>
<td aria-label="female">Female</td>

CSS:

td[aria-label="male"] {
    outline: 1px dotted green;
}

从技术上讲，这与使用数据属性解决方案是一样的，但如果你不是网站的作者，这也适用于你，而且这不是一些专门为支持此用例而设计的过时解决方案;它本身是相当常见的。它的一个缺点是，实际上不能保证您想要的元素将具有此属性。

到2021年1月，有一些东西会做到这一点。:有()……只有一个问题:目前还没有任何浏览器支持这个功能

示例:下面的选择器只匹配直接包含子元素的元素:

a:has(> img)

引用:

https://developer.mozilla.org/en-US/docs/Web/CSS/:has

https://caniuse.com/?search=has