使用CSS选择器应用底部边框选择单元格

如何使用伪类选择器（与类选择器相反）将下边框仅应用于出现文本“meh”的单元格

以下是我当前的SASS/CSS，以及下面的示例：

---

您可以使用

：contains（）

jQuery-only伪选择器：

$('td:contains("meh")').addClass('bordered');​

演示：

---

如果要选择文本正好为

meh

的单元格，则必须执行一些不同的操作：

$('td').filter(function() {
  return $.trim($(this).text()) == 'meh';
}).addClass('bordered');

演示：

您可以尝试以下方法：

JQuery代码

或

$(".border-style").css("border-bottom", "1px solid red");

---

Blender，我可以看到以这种方式使用jQuery是如何工作的。我确实更新了我的问题以提供一些澄清。但是，你不能用CSS来做这件事，除非他们在规范中重新引入

：contains（）

，这是不可能的。嗯……这太糟糕了。在我的实际标记中，并不是每个单元格都包含“meh”，从而使使用jQuery变得如此简单。看起来我还是要通过编程来解决这个问题。包含

meh

的单元格是否每隔一行？如果是这样，您可以使用

tr:nth child（odd）

来选择它们。

$(".border-style").css("border-bottom", "1px solid red");