javascript - オンマウスオーバースパンの色を変更: 最初の子の色

Question

ここで問題が発生しています：

<ul id="parentnode">
   <li><span>I need color change here</span><span>no color</span><span>nocolor</span></li>
   <!-- continuing li tags from database -->
</ul>

ここで、タグ内にあるテキストOnmouseover <li>の色を変更する必要があります。Javascriptを介して変更することは可能ですか?<span> first-child

注:タグまたはタグはデータベースから動的に提示されるため、idをタグに付与することはできません。<li><span>

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

Answer 1

次のcssでそれを行うことができます

#parentnode li:first-child:hover span:first-child { color: red; }​

デモを見る

*編集: リンクが無効で、スラッシュが削除されました

Answer 2

CSSでこれを試してください：

ul#parentnode > li:first-child:hover > span:first-child {
    color: blue;
}

「青」を好きな色に変更します

Answer 3

ul#parentnode > li:first-child:hover > span:first-child {
    color: ;
}