일부 CSS 문제 해결 아이디어를 찾는 이유 - 내 ID 스타일이 적용되지 않는 이유는 무엇입니까?

Question

두 페이지로 페이지 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에서 스타일을 얻고 있음을 보여 주지만 B 페이지는 그렇지 않습니다. header.css에 정의 된 다른 스타일이 페이지의 다른 요소에 적용되고 있기 때문에 Page B가 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

ID를 다시 확인하십시오. 오타가있을 수 있습니다.

새로운 급진적 인 css 명령을 다른 것에 덮어 쓰지 않는 코드에 작성하십시오. 마찬가지로

background:red!important; 

그런 식으로 뭔가 다른 것이 코드를 덮어 쓰고 있는지 또는 타겟팅이 잘못된 것인지 확인할 수 있습니다.

캐시 문제를 생각하면 캐시가 문제가 아닌지 확인하십시오.

방화범 소리를 사용하여 스타일에 어떤 변화가 있는지 확인하십시오.