は、私はのようになりますリストを持っているネストされたリストを含むアイテム

Question

をリストにスタイルを適用します：

• リスト項目1
• リスト項目2
  • サブリスト項目1
• リスト項目3

は、これは私がCSSを使用して行うことができるものですか？

Answer 1

私はあなたが手動で子供たちと一緒にあなたのリストの項目にクラスを追加しないと仮定しています：

<li class="nestedlist"> 

正しいですか？あなたはそれが自動的に検出されますか？

残念なことに、子供に基づいてCSSの親要素のスタイルを変更する方法はありません。あなたは、迅速なJSでそれを行うことができます。

ここでは、彼らが私たちにそれを許可しない理由について興味深い記事があります...私は確信していませんが！ http://css-tricks.com/parent-selectors-in-css/

Answer 2

これは、jQueryの.children（）関数で実行できます。このような

何か：

$('li').each(function(){ 
    if ($(this).children().length > 0){ 
     $(this).css('font-weight','bold'); 
    } 
}); 

子Liは、同様大胆ではないであろうように、あなたはあなたのCSSを設定する必要があると思います。あるいは、jQueryを追加してそれを防ぐこともできます。