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菜单类不与祖先/后裔选择

回答

相关问题