0

最初は空のリストがあり、JavaScript で動的に入力されます。今、空ではないときにのみリストに境界線を付けたいのですが:empty、parentセレクターが一致しません。

html.erbファイルでは、リストは次のように宣言されています。

<ul id="cepage_list" />

li上記のフォームにユーザーが入力すると、データが読み込まれます(s が追加されます)。これは正常に機能しています。
今、私はCSSにこれを持っています:

ul#cepage_list
{
  list-style-type: none;
  margin: 0px;
  padding-left:0px;
  background-color: white;     
}
ul#cepage_list:parent
{
  border: 1px dotted blue;
}
ul#cepage_list:empty
{
  border: 1px dotted red;
}

デフォルトのスタイルは正しく適用されますが、疑似クラス セレクターを使用したものは奇妙に適用されます。動作は次のとおりです。

  • ページの読み込み時に、赤い境界線が適用されます。問題ありません
  • を追加してliも、何もありません（:parentセレクターが適用されると予想されます）
  • リストをクリアする.empty()と（jQueryで）、OK。

しかし、リストの下に:parent子があるのになぜ疑似クラスが認識されないのでしょうか?li

(Chrome および Firefox 14 でテスト済み)

4

2 に答える 2

5

<ul>自己終了タグではありません。次のように変更します。

<ul id="cepage_list"></ul>

また、:parent実際の疑似クラスではありません。意味:not(:empty)ですか？

于 2012-08-31T17:49:25.623 に答える
2

:parentあなたがそれを参照するセレクターはありません。

親セレクターの詳細については、次のリンクを参照してください。

于 2012-08-31T18:01:32.610 に答える