Html Can';t在悬停-引导导航栏上更改字体颜色
因此,我有一个子导航栏,它在悬停时只改变Html Can';t在悬停-引导导航栏上更改字体颜色,html,css,twitter-bootstrap,navbar,Html,Css,Twitter Bootstrap,Navbar,因此,我有一个子导航栏,它在悬停时只改变的颜色,而不改变文本的颜色。这是我的代码供你参考。我错过了什么?我确信这是一件很小的事情,我忽略了 。节导航栏{ 余量:-10px0-12px; } .剖面导航条>ul{ 利润率:0px0-35px0px; 填充:2px0px; 背景色:#ececec; 高度:32px; } .剖面导航栏>ul>li{ 显示:块; 浮动:左; 高度:30px; 文本对齐:居中; 背景色:#ececec; 右边框颜色:#fff; 右边框宽度:薄; 右边框样式:实心; 边界
的颜色,而不改变文本的颜色。这是我的代码供你参考。我错过了什么?我确信这是一件很小的事情,我忽略了
。节导航栏{
余量:-10px0-12px;
}
.剖面导航条>ul{
利润率:0px0-35px0px;
填充:2px0px;
背景色:#ececec;
高度:32px;
}
.剖面导航栏>ul>li{
显示:块;
浮动:左;
高度:30px;
文本对齐:居中;
背景色:#ececec;
右边框颜色:#fff;
右边框宽度:薄;
右边框样式:实心;
边界半径:2px;
字体大小:正常;
字体大小:12px;
填充:5px20px;
}
.剖面导航栏>ul>li>a{
显示:内联块;
颜色:#999;
文字装饰:无;
}
.部分导航栏>ul>li.active{
背景色:#0083ca;
边界半径:2px;
边框顶部颜色:359dd5;
边框顶部样式:实心;
边框顶部宽度:中等;
文字装饰:无;
填充:7px 20px;
页边顶部:-5px;
颜色:#fff;
字体大小:粗体;
字母间距:0.5px;
高度:35px;
}
.导航栏>ul>li部分:悬停{
背景色:#0083ca;
边界半径:2px;
边框顶部颜色:359dd5;
边框顶部样式:实心;
边框顶部宽度:中等;
文字装饰:无;
保证金:-5px0;
高度:35px;
颜色:#fff;
}
Lorem ipsum dolor sit
你必须在下面给出的课程中学习
.section-navbar > ul > li:hover a {
color:red
}
你必须在下面给出的这门课上学习
.section-navbar > ul > li:hover a {
color:red
}
。节导航栏{
余量:-10px0-12px;
}
.剖面导航条>ul{
利润率:0px0-35px0px;
填充:2px0px;
背景色:#ececec;
高度:32px;
}
.剖面导航栏>ul>li{
显示:块;
浮动:左;
高度:30px;
文本对齐:居中;
背景色:#ececec;
右边框颜色:#fff;
右边框宽度:薄;
右边框样式:实心;
边界半径:2px;
字体大小:正常;
字体大小:12px;
填充:5px20px;
}
.剖面导航栏>ul>li>a{
显示:内联块;
颜色:#999;
文字装饰:无;
}
.部分导航栏>ul>li.active{
背景色:#0083ca;
边界半径:2px;
边框顶部颜色:359dd5;
边框顶部样式:实心;
边框顶部宽度:中等;
文字装饰:无;
填充:7px 20px;
页边顶部:-5px;
颜色:#fff;
字体大小:粗体;
字母间距:0.5px;
高度:35px;
}
.section导航条>ul>li:悬停在a{color:red}
.导航栏>ul>li部分:悬停{
背景色:#0083ca;
边界半径:2px;
边框顶部颜色:359dd5;
边框顶部样式:实心;
边框顶部宽度:中等;
文字装饰:无;
保证金:-5px0;
高度:35px;
颜色:红色!重要;
}
Lorem ipsum dolor sit
。节导航栏{
余量:-10px0-12px;
}
.剖面导航条>ul{
利润率:0px0-35px0px;
填充:2px0px;
背景色:#ececec;
高度:32px;
}
.剖面导航栏>ul>li{
显示:块;
浮动:左;
高度:30px;
文本对齐:居中;
背景色:#ececec;
右边框颜色:#fff;
右边框宽度:薄;
右边框样式:实心;
边界半径:2px;
字体大小:正常;
字体大小:12px;
填充:5px20px;
}
.剖面导航栏>ul>li>a{
显示:内联块;
颜色:#999;
文字装饰:无;
}
.部分导航栏>ul>li.active{
背景色:#0083ca;
边界半径:2px;
边框顶部颜色:359dd5;
边框顶部样式:实心;
边框顶部宽度:中等;
文字装饰:无;
填充:7px 20px;
页边顶部:-5px;
颜色:#fff;
字体大小:粗体;
字母间距:0.5px;
高度:35px;
}
.section导航条>ul>li:悬停在a{color:red}
.导航栏>ul>li部分:悬停{
背景色:#0083ca;
边界半径:2px;
边框顶部颜色:359dd5;
边框顶部样式:实心;
边框顶部宽度:中等;
文字装饰:无;
保证金:-5px0;
高度:35px;
颜色:红色!重要;
}
Lorem ipsum dolor sit
添加了:将a的样式悬停在上。还将填充更改为a
,以便可以单击整个区域
。节导航栏{
余量:-10px0-12px;
}
.剖面导航条>ul{
利润率:0px0-35px0px;
填充:2px0px;
背景色:#ececec;
高度:32px;
}
.剖面导航栏>ul>li{
显示:块;
浮动:左;
高度:30px;
文本对齐:居中;
背景色:#ececec;
右边框颜色:#fff;
右边框宽度:薄;
右边框样式:实心;
边界半径:2px;
字体大小:正常;
字体大小:12px;
}
.剖面导航栏>ul>li>a{
显示:内联块;
颜色:#999;
文字装饰:无;
填充:5px20px;
高度:25px;
}
.导航栏>ul>li>a部分:悬停{
颜色:#fff;
}
.部分导航栏>ul>li.active{
背景色:#0083ca;
边界半径:2px;
边框顶部颜色:359dd5;
边框顶部样式:实心;
边框顶部宽度:中等;
文字装饰:无;
填充:7px 20px;
页边顶部:-5px;
颜色:#fff;
字体大小:粗体;
字母间距:0.5px;
高度:35px;
填充:5px20px;
}
.导航栏>ul>li部分:悬停{
背景色:#0083ca;
边界半径:2px;
边框顶部颜色:359dd5;
边框顶部样式:实心;
边框顶部宽度:中等;
文字装饰:无;
保证金:-5px0;
高度:35px;
颜色:#fff;
}
Lorem ipsum dolor sit
添加了:将a的样式悬停在上。还将填充更改为a
,以便可以单击整个区域