-1

問題があります

<ul class='nav'>            
        <li>
          <a class='' href='index.html'> Home </a>
        </li>

        <li>
            <li class="dropdown">
            <a class="dropdown-toggle" id="drop4" role="button" data-toggle="dropdown" href="#">Dropdown <b class="caret"></b></a>
            <ul id="menu1" class="dropdown-menu" role="menu" aria-labelledby="drop4">
              <li><a tabindex="-1" href="#">Action</a></li>
              <li><a tabindex="-1" href="#">Another action</a></li>
              <li><a tabindex="-1" href="#">Something else here</a></li>
              <li class="divider"></li>
              <li><a tabindex="-1" href="#">Separated link</a></li>
            </ul>
          </li>
        </li>
        </ul>

このための CSS コード

 .topbar div>ul a,  .nav a
  {display:block;float:none;outline: 0;padding:8px 6px 6px;line-height:12px;text-    decoration:none;border-bottom-left-radius:5px;
  border-bottom-right-radius:5px;
  border-top-left-radius:5px;
  border-top-right-radius:5px;}

これらのプロパティは、ホーム ボタンとドロップダウン ボタンのみで必要です。タブ ボタン、つまりアクション、別のアクション ボタンにはこれらのプロパティを使用したくありません。しかし、これを編集しようとすると、すべてが台無しになります。

この問題を解決するために私を助けてください。

4

3 に答える 3

3

あなたのhtmlは間違っているように見えます。<li>一点で2倍になります。

しかし、ここにCSSがあります：

a{
    outline: 0;
}
ul.nav a{
    display:block;
    padding:8px 6px 6px;
    line-height:12px;
    text-decoration:none;
    border-radius:5px;
}
ul.nav ul a{
    padding:8px 6px 6px;
}
于 2012-09-29T14:32:24.650 に答える
3

このコードを試してください：

    <li>
      <a class='dropdown-toggle' href='index.html'> Home </a>
    </li>

    <li>
        <li class="dropdown">
        <a class="dropdown-toggle" id="drop4" role="button" data-toggle="dropdown" href="#">Dropdown <b class="caret"></b></a>
        <ul id="menu1" class="dropdown-menu" role="menu" aria-labelledby="drop4">
          <li><a tabindex="-1" href="#">Action</a></li>
          <li><a tabindex="-1" href="#">Another action</a></li>
          <li><a tabindex="-1" href="#">Something else here</a></li>
          <li class="divider"></li>
          <li><a tabindex="-1" href="#">Separated link</a></li>
        </ul>
      </li>
    </li>
    </ul>


.dropdown-toggle
{
    display:block;
    float:none;outline: 0;
    padding:8px 6px 6px;
    line-height:12px;
    text-decoration:none;
    border-bottom-left-radius:5px;
    border-bottom-right-radius:5px;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
}
于 2012-09-29T14:06:22.520 に答える
2

セレクターを次のように変更します: .topbar div>ul li.dropdown > a, .nav a

于 2012-09-29T14:04:57.503 に答える