Html 我的css不工作了？有人知道为什么吗？_Html_Css

Html 我的css不工作了？有人知道为什么吗？

html css

Html 我的css不工作了？有人知道为什么吗？,html,css,Html,Css,这是html： <body ng-app="secret"> <div id="mainBar"> <div id="mainBarWrapper"> <div id="siteLogo"> <img src="images/mimiLogo.png" alt="mimi"/> </div> <

这是html：

<body ng-app="secret">
    <div id="mainBar">
        <div id="mainBarWrapper">
            <div id="siteLogo">
                <img src="images/mimiLogo.png" alt="mimi"/>
            </div>
            <div>
                <ul id="navBar">
                    <li><a ui-sref="login">Login</a></li>
                    <li>&nbsp;|&nbsp;</li>
                    <li><a ui-sref="signUp">Sign Up</a></li>
                </ul>
            </div>
        </div>
    </div>
    <div ui-view></div>
</body>

当我将鼠标悬停在a元素上时，我试图使其具有悬停效果。ul#navBar a:hover{color:#000；}不工作。我不知道为什么。

在CSS中有两件事需要注意：级联和特殊性

层叠在C-ins CSS中，级联是浏览器用来处理规则的方法。如果我写了两条规则，浏览器将从上到下处理它们合并规则

/** Rule 1 **/
.paragraph {
    font-size: 18px;
    color: white;
}
/** Rule 2 **/
.paragraph {
    margin-bottom: 20px;
    line-height: 26px;
}

当浏览器读取它们时，它会将它们组合成以下内容：

/** Generated Rule **/
final selector {
    font-size:18px;
    color: white;
    margin-bottom:20px;
    line-height:26px;
}

如果在第二条规则中，我要添加一个额外属性以将颜色设置为红色，则生成的规则将是这样的：

/** Generated Rule **/
final selector {
    font-size:18px;
    /* color: white; deleted in favor to the second rule*/
    margin-bottom:20px;
    line-height:26px;
    color:red; /* This rule prevails due to cascades */
}

这就是代码中存在的问题，通过底部的

：选择器，您取消了悬停规则
（如果您需要了解特定性是如何工作的，我将在此处添加它）
特异性
每种选择器都有一个重量。例如，#id比.class select更重要，类比html标记更重要，等等
选择器的权重绕过级联效应
/* Rule 1 */
#paragraph {
    color: red;
}

/* Rule 2 */
.paragraph {
    color: green
}

/* Generated Rule */
selector {
    color:red;
    /* color:green; Deleted in favor of the #id selector */
}

在这种情况下，定义的顺序并不重要。身份证占了上风
记住这两条规则，您将更容易处理CSS
.
该链接已被访问，因此您上次访问的规则a:visted将其设置为始终为白色。尝试将鼠标悬停移动到最后一行。请右键单击元素并选择“检查元素”，查看已应用的所有样式。然后将鼠标悬停在链接上以查看应用了哪些样式。如果不起作用，请将页面上传到某个地方，以便我们检查。@lbu将悬停移动到最后一行起作用。那么被访问的选择器覆盖了悬停？您的代码工作正常。请看这段代码。我刚刚将默认颜色更改为绿色。使用（阅读该MDN链接上的摘要）
/* Rule 1 */
#paragraph {
    color: red;
}

/* Rule 2 */
.paragraph {
    color: green
}

/* Generated Rule */
selector {
    color:red;
    /* color:green; Deleted in favor of the #id selector */
}