2015-11-18 57 views
0

我已经使用引导代码website,我正在寻找更改导航栏中某些特定链接的背景颜色。更改特定链接背景的颜色 - 引导

我有左侧的链接有正常的背景颜色,但在右侧我有另一组链接,我想更突出(即背景另一种颜色)。

我不是在寻找要更改的悬停或活动颜色,只是该部分中导航栏的背景颜色。

+0

代码在哪里? –

回答

0

所以,如果你想整个导航栏更改为相同的颜色,你可以做你的CSS如下:

ul.navbar-right { 
background-color: red; 
} 

红色是只是举例。如果你想五年每menupoint另一种颜色,你可以为每个菜单项本身是这样做的:

li.menu-item-810 { 
background-color: red; 
} 

li.menu-item-811 { 
background-color: blue; 
} 

li.menu-item-812 { 
background-color: green; 
} 

今后请记得提供一些代码,你的问题,因此更容易在这里的成员来帮助你。

+0

谢谢。在移动设备和其他较小的设备上,当菜单变为移动友好的时候,有没有办法隐藏这个类,这样就不会发生?在移动设备上,它无法正常显示,我只想完全隐藏它。 –

0

您可以添加以下css类。根据您的要求更改背景颜色的值。

.menu-primary-right li.menu-item-810 { 
background-color: red; 
} 

.menu-primary-right li.menu-item-811 { 
background-color: blue; 
} 

.menu-primary-right li.menu-item-812 { 
background-color: green; 
} 
0

你可以添加下面的css,它会改变它。

.menu-item-object-page menu-item-810 { 
    background-color: /*color you like*/; 
    } 
.menu-item-object-page menu-item-811 { 
    background-color: /*color you like*/; 
    } 
.menu-item-object-page menu-item-812 { 
    background-color: /*color you like*/; 
    } 

或者你把他们之间并给他们你想要一个类,做一些婷这样的:

.your chosen class { 
background-color: /*color you like*/; 
} 

这样做的奖金,如果你把专区内的3个环节,您可以更改通过更改一行代码的颜色。