2

私はツイッターのようなメニューバーを黒くしようとしていますが、ツイッターで接続にカーソルを合わせるか、トップメニューからリンクテキストが白に変わり、同時に写真アイコンも機能しません。なぜここにHTMLコードがあるのか​​わかりません

  <div class="TopMenu">
     <div class="TopMenuCont">
      <ul>
      <li class="mainNav">
      <a href="#" class="Connect">
      <span>
      <i class="navCon"></i>
      </span>
      Connect
      </a>
      </li>
      </ul>
     </div>
  </div>
</body>
</html>

そしてここでCss

.TopMenuCont ul li a span .navCon
{
    background-position:-80px -50px;
}

.TopMenuCont ul li .Connect
{
 color: #BBBBBB;
    display: block;
    font-weight: bold;
    height: 12px;
    line-height: 1;
    padding: 13px 12px 15px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.75);
    background:none;
    box-shadow:0 0 0 rgba(0, 0, 0, 0) inset
}

.TopMenuCont ul li a:hover
{
    color:#ffffff;
}

.TopMenuCont ul li a:hover > .TopMenu .TopMenuCont ul li a span .navCon
{
    background-position:-80px -80px;
}

この最後の行が問題です

4

1 に答える 1

0 
.TopMenuCont ul li a:hover > .TopMenu .TopMenuCont ul li a span .navCon

代わりに

.TopMenuCont ul li a:hover span .navCon

>セレクター の機能を誤解していると思います。の直接の子孫でX > Yある要素Yを選択します。 X

CSSセレクターの詳細については、こちらをご覧ください。

http://www.w3.org/TR/CSS2/selector.html

于 2012-11-03T13:10:28.807 に答える