-1

background hover color私は自分に新しいものを設定するために次のように試みましたli tag が、設定に失敗しました

構文を教えてください。

  <nav class="icons-example">
                        <ul>
                        <li><a href="#"><span class="font-icon-social-facebook" style=":hover a { background-color: blue;}"></span></a></li>
 <li><a href="#"><span class="font-icon-social-tweeter" style=":hover a { background-color: nevyblue;}"></span></a></li>
    </ul>
    </nav>

cssファイルで

.icons-example ul li:hover a,
.icons-example ul li.active a {
background-color: red;  
}

青い色をホバーに設定したいのですが、助けてください。

はい、cssそれ自体を変更できますがli、たとえば for facebook blue. tweeter navyblue?のように、それぞれの色を個別に変更する必要があります。

各liの正確なcssの変更を教えてもらえますか

4

4 に答える 4

3

HTML 要素のstyle 属性は、CSS プロパティのみをサポートします。CSS セレクターはサポートされていません。

リスト項目ごとに異なる色を実現するには、スタイルシートでそれぞれを個別にターゲットにする必要があります。効果のあるもの:

.icons-example ul li:hover a,
.icons-example ul li.active a {
    background-color: red;  
}

.icons-example ul li:hover .font-icon-social-facebook
{
    background-color: blue;  
}

その要素の LI に "facebook" のクラス属性を追加したい場合は、次のようにすることができます。

.icons-example ul li.facebook:hover a
{
    background-color: blue;  
}
于 2013-10-25T17:32:12.450 に答える
1

スタイルシートに宣言を追加します

.icons-example ul li.active a {
  background-color: red;  
}
.icons-example ul li.active a span:hover {
  background-color: blue;  
}
于 2013-10-25T17:32:51.947 に答える