我有两个页面,页面 A 和页面 B。它们都有一个 ID 为“loginLink”的元素。它们都导入“header.css”,其中包含以下内容:
#loginlink, #usernamePlaceholder {color:#333;font-size:16px;font-weight:bold;}
在页面 A 上,我的登录链接显示正确。在页面 B 上,未应用 header.css 中定义的样式。 Firefox 向我显示页面 A 正在从 header.css 获取其样式,但页面 B 不是。我知道页面 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>
最佳答案
您在您的(对您的)HTML 的描述中提到了“loginLink”,在您的 CSS 摘录中提到了“#loginlink”——这可能是问题所在吗?
关于css - 寻找一些 CSS 故障排除想法——为什么我的 id 样式没有被应用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/719549/