нацеливание на все элементы в div

Question

сейчас у меня есть это

$(".container a").css("color","#ffffff");

, который стилизует все ссылки внутри ".container" белого цвета. тогда у меня есть div, структурированный так

<div class="container">
  <div class="header">
    <a href=">
  </div>
</div>

ссылки внутри этого второго div только становятся белыми в Firefox. Есть ли способ исправить строку js, не добавляя еще одну строку для заголовка div? Что-то, что выбирает всех детей?

Answer 1

Это потомок, и этого должно быть достаточно. Как упоминал медер, это, вероятно, проблема специфичности. Вы можете добавить !important или другой селектор .container a, .container .header a. Вероятно, есть лучший способ, чем все эти, но не видя больше, это все, что можно предложить сейчас.

Answer 2

Попробуйте сначала исправить html-код, закрыв все теги и кавычки.

<div class="container">
  <div class="header">
    <a href="#">Link</a>
  </div>
</div>

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

Answer 3

EDIT:

моя ошибка, это может быть проблема CSS.

РЕДАКТИРОВАТЬ 2:

сделай это.

поместите свой js-код непосредственно перед концом тега </body> или где-нибудь после вызова модуля Я предполагаю, что вы поместили свой скрипт в свой заголовок. Поскольку firefox загружает все в иерархической ситуации, включая сценарий, сценарий уже выполняет стилизацию до загрузки модуля в DOM. Таким образом, если вы поместите скрипт стиля в конец DOM, модуль уже загружен, прежде чем он выполнит скрипт стиля.