CSS，HTML標籤問題

-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;}

我只是想這些屬性與家庭和下拉按鈕而已，我不希望有這些用於我的選項卡按鈕，即Action，Another Actions按鈕。但是每當我嘗試編輯它時，整個事情都會搞砸。

請幫我解決這個問題。

來源

2012-09-29 Phillip Mclauren

試試這個代碼：

<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-29 14:06:22

感謝您幫助好友！ –

更改選擇器： .topbar DIV> UL li.dropdown>一，.nav一個

來源

2012-09-29 14:04:57

感謝 –

不客氣幫助好友。請投它:-) –

你的HTML看起來是錯誤的。雙重<li>在一個點。

但這裏是對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-29 14:32:24 erik

感謝您的幫助哥們 –

CSS，HTML標籤問題

回答

相關問題