CSS樣式引導.dropdown菜單類不與祖先/後裔選擇

我的網頁包括一些代碼通過PHP包括。這包括代碼包含打開下拉菜單的幾個按鈕。我使用引導程序，所以從引導程序的CSS的類.dropdown菜單樣式默認應用於這些下拉菜單。CSS樣式引導.dropdown菜單類不與祖先/後裔選擇

我想更改特定下拉菜單的寬度（調整爲100px）。

<!-- Sizes dropdown --> 
<div class="btn-group women" id="women_sizes"> 
    <button type="button" class="btn btn-pale dropdown-toggle" data-toggle="dropdown"> 
    size 
    <!-- <span class="caret"></span> --> 
    </button> 
    <ul class="dropdown-menu" role="menu"> 
     ... 
    </ul> 
</div><!-- end #women_sizes -->

我試過下面的CSS代碼，我不知道它爲什麼不起作用。我試過把這段代碼放在頁面標題和鏈接的外部css文件中的一個標記中，這些文件包含在引導程序的css之後。

#women-sizes .dropdown-menu { 
    min-width:100px; 
    width:100px; 
}

我得到了什麼問題？

來源

2014-10-18 claireablani

似乎在這裏工作？ http://jsbin.com/xeqovahegu/2/edit?html,output – bencripps 2014-10-18 18:55:05

感謝您的支持。但它不適合我。無論如何，它的大小隻有160像素。我克隆並嘗試了幾個不同的寬度。 – claireablani 2014-10-18 19:13:22

這裏你正在使用下劃線women_sizes作爲HTML分離...

<div class="btn-group women" id="women_sizes">

在這裏，您正在使用的CSS破折號#women-sizes。

#women-sizes .dropdown-menu {

選擇一種方法並堅持下去。引導程序使用破折號，所以我會去那。

來源

2014-10-18 19:20:16 Schmalzy

哈哈就是這樣。謝謝，這是很好的建議！ – claireablani 2014-10-18 19:44:47

CSS樣式引導.dropdown菜單類不與祖先/後裔選擇

回答

相關問題