Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/34.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/node.js/37.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html Can';t在悬停-引导导航栏上更改字体颜色_Html_Css_Twitter Bootstrap_Navbar - Fatal编程技术网

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
    ,以便可以单击整个区域