Question

我有两个页面，即页面A和页面B.它们都有一个ID为“loginLink”的项目。它们都导入“header.css”，其中包含以下内容：

#loginlink, #usernamePlaceholder {color:#333;font-size:16px;font-weight:bold;}

在页面A上，我的loginLink正确显示。在页面B上，header.css中定义的样式未应用。 Firefox告诉我，页面A从header.css获取其样式，但页面B不是。我知道Page B正在成功加载header.css，因为header.css中定义的其他样式正在应用于页面上的其他元素。

我现在要做一些消除过程，蛮力工作，从两页中删除元素直到它们匹配，但是很想听到任何非暴力的想法。

这是登录链接的html：

       <div id="HeaderNotLoggedIn" style="display: block;">
    <a href="https://idcenter.services.mysite.net/SignInNew?referer=http%3A%2F%2Flocal.tvlistings.mysite.net%2Fwebdvr%2F" id="loginLink" style="">Please Sign In</a>
   </div>

Answer 1

你在你的（你的描述）HTML中引用“loginLink”，在你的CSS摘录中引用“#loginlink” - 这可能是个不同之处吗？

Answer 2

仔细检查你的身份证，也许有拼写错误？

在你的代码中写一些新的激进css命令，不会被其他东西覆盖。喜欢

background:red!important;

通过这种方式，您可以看到其他内容是否覆盖了您的代码，或者您的定位是错误的。

检查你的缓存，这似乎是一些问题，但这听起来不像缓存问题。

使用萤火虫来查看你的风格会发生什么。

寻找一些CSS故障排除的想法 - 为什么我的id风格不适用

2 个答案: