いくつかのCSSトラブルシューティングのアイデアを探しています - 私のidスタイルが適用されていないのはなぜですか

Question

私は2ページ、ページAとページBを持っています。どちらもIDは "loginLink"です。どちらも、次のものを含む "header.css"をインポートします。

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

ページAでは、私のloginLinkが正しく表示されます。ページBでは、header.cssで定義されたスタイルは適用されません。 Firefoxでは、Page Aがheader.cssからスタイルを取得していますが、Page Bはそうではありません。 header.cssで定義されている他のスタイルがページの他の要素に適用されているため、ページBがheader.cssを正常に読み込んでいることがわかります。

私はいくつかの処理過程をやっていきます。ブルートフォースの作業は、2つのページから要素が取り除かれるまで削除されますが、非ブルートフォースのアイデアを聞くのが大好きです。ここで

は、ログインリンク用の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

あなたのCSSの抜粋で、あなたのHTML（あなたの記述）、および「#loginlink」の「LOGINLINK」を参照してください - この違いが問題になる可能性？

Answer 2

あなたのIDをダブルチェックしてください。入力ミスがありますか？

あなたのコードに、何か他のもので上書きされない新しいradical cssコマンドを書きます。以下のような何か他のものは、あなたのコードやあなたのターゲッティングを上書きしているかどうかを確認することができます

background:red!important; 

その方法は間違っています。

これは問題と思われるキャッシュをチェックしてください。これはキャッシュの問題のようには聞こえません。

ファイヤーバグを使用して、自分のスタイルがどうなるかを確認します。