你必须添加一个名为data-gender的数据属性，带一个男性或女性值，并使用属性选择器:

HTML:

<td data-gender="male">...</td>

CSS:

td[data-gender="male"] { ... }

对于那些希望进行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];
}

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

如果你使用的是Chimp / Webdriver。io，他们支持比CSS规范更多的CSS选择器。

例如，这将点击第一个包含“坏熊”字样的锚:

browser.click("a*=Bad Bear");

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

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

我发现属性选项是你最好的选择，如果你不想使用javascript或jquery。

例如，在HTML中，用ready来样式所有的表格单元格:

 <td status*="ready">Ready</td>

然后在css中:

td[status*="ready"] {
        color: red;
    }

你可以将内容设置为数据属性，然后使用属性选择器，如下所示:

/* Select every cell matching the word "male" */ td[data-content="male"] { color: red; } /* Select every cell starting on "p" case insensitive */ td[data-content^="p" i] { color: blue; } /* Select every cell containing "4" */ td[data-content*="4"] { color: green; } <table> <tr> <td data-content="Peter">Peter</td> <td data-content="male">male</td> <td data-content="34">34</td> </tr> <tr> <td data-content="Susanne">Susanne</td> <td data-content="female">female</td> <td data-content="14">14</td> </tr> </table>

你还可以使用jQuery轻松地设置数据内容属性:

$(function(){
  $("td").each(function(){
    var $this = $(this);
    $this.attr("data-content", $this.text());
  });
});