1

リスト要素の CSS ルールをその内容で記述する方法を知りたいです。

<ul id="myList">
  <li>first item</li>
  <li>empty</li>
  <li>second item</li>
  ...
</ul>

emptyliを含むためのルールが必要です。childNodes の innerHTML をスニッフィングする JavaScript を作成できますが、単純な CSS ソリューションがあるのだろうか?

ありがとうございました。

4

3 に答える 3

1

CSS にはまだテキスト セレクターのようなものはありません。CSS はプログラミング言語ではありません。要素の内部に何があるかはわかりません。そこで JavaScript と jQuery の出番です。

代わりにjQuery:contains()セレクターを使用できます（CSSが必要なのはわかっていますが、ここでは不可能です）

単語を文字通り使用せずempty、空の要素を参照している場合は、:emptyセレクターを使用して空の要素を選択できます

于 2013-04-15T17:00:16.430 に答える
0

:empty使用できるセレクターがあります。子を持たないすべての要素 (テキスト ノードを含む) に一致します。

p:empty {
  /* p tags that are empty */
}

Mozilla ドキュメント: https://developer.mozilla.org/en-US/docs/CSS/:empty

:empty 疑似クラスは、子をまったく持たない要素を表します。要素ノードとテキスト (空白を含む) のみが考慮されます。コメントや処理命令は、要素が空と見なされるかどうかには影響しません。

于 2013-04-15T16:59:15.253 に答える
0

私は数ヶ月前に同様の質問をしていました。要素の内容を確認できないようですので、いいえ。JavaScript を使用してください。

于 2013-04-15T16:59:23.097 に答える