如何在CSS中选择UNTAG元素

Question

我在这里有这个并且想看看如何选择未标记的元素/文本。我想在以下示例中选择文本“j.smith”：

<td class='dev'>
  <u>assigned</u>
  j.smith
</td>

非常感谢提前。

Answer 1

在css中你不能这样做。 对于样式，你可以使用jquery来找到它 像这样：

$("td.dev").contents().filter(function(){ return this.nodeType != 3; }).css('color', 'red');

Answer 2

你不能因为“j.smith”文本不是一个元素，它只是一个属于其父<td>的文本节点。

CSS4中有一些提议可能允许与您要查找的内容类似的行为，但在此之前，解决方法是撤消对任何子元素的更改，如下所示：

td.dev { font-weight: bold; }
td > * { font-weight: normal; } /* this undoes the change to any children of the `<td>` */