ищу некоторые идеи по устранению неполадок CSS - почему не применяется мой стиль идентификатора

Question

У меня есть две страницы, страница A и страница B. Обе они имеют элемент с идентификатором «loginLink». Они оба импортируют "header.css", который имеет следующее:

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

На странице A мой loginLink отображается правильно. На странице 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>

Answer 1

Дважды проверьте свои идентификаторы, может быть, есть опечатка?

Напишите в свой код новую радикальную команду css, которая не будет перезаписана чем-то другим. Нравится

background:red!important;

таким образом, вы можете видеть, что ваш код перезаписывает что-то другое или ваша цель неверна.

Проверьте ваш кеш, который иногда кажется проблемой, хотя это не похоже на проблему с кешем.

Используйте Firebug, чтобы увидеть, что происходит с вашими стилями.

Answer 2

Вы ссылаетесь на "loginLink" в вашем (описании вашего) HTML и "#loginlink" в вашем отрывке CSS - может ли это быть проблемой?