2013-03-01 35 views
-1

覆盖下降DWN菜单项,我有以下的CSS(这是最后的页面加载)正确的CSS在引导

.dropdown-menu-normal:hover, 
.dropdown-menu-normal a:hover 
{ 
    background: transparent!important; 
    color: #5cac7c; 
    text-decoration: underline!important; 
    text-align: right; 
    float: right; 
} 

.dropdown-menu-normal, 
.dropdown-menu-normal a 
{ 
    color: #5cac7c!important; 
    text-align: right; 
    float: right; 
} 

这个类应用到LI元素在一个标准的自举下拉菜单。

这样的下拉式菜单项就像正常链接在菜单中右键悬浮。现在,我无法让选择器正确使用这个CSS,而没有!重要的标志任何人都可以帮忙吗?

我知道我可以运行这个,但我真的很讨厌不得不使用!重要的东西,我应该能够直接替换。

的jsfiddle它应该如何看使用!重要http://jsfiddle.net/y67qP/

它的jsfiddle没有http://jsfiddle.net/y67qP/1/

+0

我们从来没有修改引导文件,使升级变得更容易,我们有一个主题的CSS它修改的核心引导风格。我知道我们在下载时遇到了问题,但升级的方便性是首选。无论如何,我们将在稍后的日期合并文件进行部署。 – Dreamwalker 2013-03-01 16:17:10

回答

2

特异性的CSS开出四个整数(0,0,0,0)

Inline style == first number

Id == Second number

Attribute selectors and Pseudo-classes, Classes == Third

Type selectors == Fourth


你只ñ从而找出bootstrap.css文件中选择器的特殊性。

目前常规状态具有12的specificy(一类 - 两个元件)

.dropdown-menu > li > a ==分别为12

此致.dropdown-menu-normal, .dropdown-menu-normal a ==11分之10

对于经常状态下工作让你的选择更具体如:

ul .dropdown-menu-normal, ul .dropdown-menu-normal a这似乎工作。

对于悬停只是按照相同的概念,你会覆盖它。

Here就是一个例子

+0

从来没有使用ul以及在选择器感谢这 – Dreamwalker 2013-03-01 16:37:46

+0

将使用他们今天一直很忙;) – Dreamwalker 2013-03-01 16:38:50

1

要避免使用很重要,你应该让你的选择更具体的即回进一步拉升DOM获得对该特定元素更精确的精确度

eg而不是.dropdown-menu等,你可以从.dropdown .dropdown-menu开始,然后如果需要进一步向上移动。