css - 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」テキストは要素ではなく、parent に属する単なるテキスト ノードであるため、できません<td>。

CSS4 には、探しているものと同様の動作を可能にする提案がいくつかありますが、それまでの回避策は、次のように子要素への変更を元に戻すことです。

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