css - 寻找一些 CSS 故障排除想法——为什么我的 id 样式没有被应用

标签 css

我有两个页面,页面 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/

相关文章:

html - div内的div显示在div外

css - 使用 CSS 伪元素插入×

javascript - 使用 jQuery 获取 translate3d 的第一个值

html - 已访问链接属性覆盖当前页面元素

css - 匹配具有以特定字符串开头的类名的所有元素

html - 禁用 anchor 标记并在鼠标悬停时显示 title-msg 为什么它被禁用

javascript - 将随机 background.color 分配给具有随机 ID 的对象

jquery - CSS3 动画填充模式 polyfill

html - css 网格元素放置 chrome 与 firefox

html - respond.js 可以处理内部样式表