Question

HTML

 <table width="100%">
<tr>
    <td width="90%"></td>
    <td><a href="#" id="logout"><strong>Logout</strong></a></td>
 </tr>
</table>

CSS

@charset "utf-8";
/* CSS Document */

#logout {
color:#BBB;
}

a:hover {
color:#FFF;
}

虽然注销的颜色似乎是css中给出的颜色，但是当我将鼠标放在链接（白色）上时，颜色不会改变。是什么原因？

我必须告诉其他css文件，当鼠标放在它们上面并且它们正常工作时，往往会改变链接的颜色。

Answer 1

id选择器（#logout）比类型选择器（a）加上伪类（:hover）更具体，因此您的第一个规则集始终为{{3} }。

改为使用#logout:hover。

Answer 2

简化：

您有两个适用于此锚点的CSS规则。

这两条规则都会改变颜色。

只能应用一条规则;只能选择一种颜色。

浏览器必须在基于ID（#logout）的规则和基于元素类型（<a>）的规则之间进行选择。

基于ID的规则在这种情况下获胜。指定ID比指定类型（锚）的所有元素更具体。

Answer 3

你去吧！只需复制和意大利面

#logout{
color:#bbb;
}

#logout :hover{
color: #fff;
}

 <table width="100%">
<tr>
    <td width="90%"></td>
    <td><a href="#" id="logout"><strong>Logout</strong></a></td>
 </tr>
</table>

Answer 4

您必须遵循层次结构序列：

链接，悬停，访问

例如：

        try
        {
            context.Entry(objInDB).State = EntityState.Modified;
            context.SaveChanges();
        }
        catch (Exception ex)
        {
            var exception = ex as DbEntityValidationException;
            if (exception != null)
            {
                exception.EntityValidationErrors.ToList().ForEach(error =>
                {
                    error.ValidationErrors.ToList().ForEach(validationError =>
                    {
                        error.Entry.Property(validationError.PropertyName).IsModified = false;
                    });
                });
                context.SaveChanges();
            }
        }

a：悬停不起作用

4 个答案: