recherche d'idées de dépannage CSS - pourquoi mon style d'identifiant n'est pas appliqué

Question

J'ai deux pages, Page A et Page B. Les deux ont un élément avec un identifiant de "loginLink". Les deux d'entre eux l'importation "header.css", qui a les éléments suivants:

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

Sur la page A, mes LOGINLINK affiche correctement. Sur la page B, le style défini dans header.css n'est pas appliqué. Firefox me montre que la page A obtient son style de header.css, mais la page B ne l'est pas. Je sais que la page B est en train de charger header.css avec succès car les autres styles définis dans header.css sont appliqués aux autres éléments de la page. Je vais faire un processus de processus d'élimination, force brute maintenant, en supprimant les éléments des deux pages jusqu'à ce qu'ils correspondent, mais j'aimerais entendre des idées non-brute-force.

est ici le code HTML pour le lien de connexion:

 <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

Vous faites référence à « LOGINLINK » dans votre (description de votre) HTML, et « #loginlink » dans votre extrait CSS - cette différence pourrait être le problème ?

Answer 2

Vérifiez bien vos identifiants, peut-être qu'il y a une faute de frappe? Ecrivez une nouvelle commande radicale de css à votre code qui n'est pas écrasée par quelque chose d'autre. Comme

background:red!important; 

De cette façon, vous pouvez voir si quelque chose d'autre est en train d'écraser votre code ou si votre ciblage est incorrect.

Vérifiez votre cache, cela semble être le problème à plusieurs reprises, même si cela ne ressemble pas à un problème de cache.

Utilisez firebug pour voir ce qui arrive à vos styles.