Автор Игорь Шворак задал вопрос в разделе Верстка, CSS, HTML, SVG
nth-child не работает и получил лучший ответ
Ответ от Mackay[гуру]
background-position думаю здесь ошибка. Весь код кинь
mackay
Мыслитель
(5150)
все может быть. попробуй убрать у .top-side ul li a позицию бекраунда. Зачем там, если ты дал нз чаилдом
Ответ от Капитан Гугл[гуру]
у меня все работает. ЧЯДНТ?
--
Код на jsfiddle.net - минимальный пример, демонстрирующий ошибку. И описание - что ты хотел видеть вместо этого. Без этого - к телепатам.
у меня все работает. ЧЯДНТ?
--
Код на jsfiddle.net - минимальный пример, демонстрирующий ошибку. И описание - что ты хотел видеть вместо этого. Без этого - к телепатам.
Ответ от Yulia Amake[гуру]
Вы не так его используете, nth-child работает с детьми, а не с потомками
< div class="col-md-3">
< li>< a href="#">Самые Современные< br />< span>Методики< /span>< /a>< /li>
< /div>
.top-side li:nth-child(2) a
В этом примере li единственный ребенок, а вы пытаетесь выбрать второго, поэтому ничего и не работает. Чтобы не было таких проблем, старайтесь не создавать лишнюю вложенность. Т. е. можно избавиться от < div class="col-md-3"> и добавить class="col-md-3" в li, а можно вместо .top-side li:nth-child(2) a использовать .top-side .col-md-3:nth-child(2) a
Вы не так его используете, nth-child работает с детьми, а не с потомками
< div class="col-md-3">
< li>< a href="#">Самые Современные< br />< span>Методики< /span>< /a>< /li>
< /div>
.top-side li:nth-child(2) a
В этом примере li единственный ребенок, а вы пытаетесь выбрать второго, поэтому ничего и не работает. Чтобы не было таких проблем, старайтесь не создавать лишнюю вложенность. Т. е. можно избавиться от < div class="col-md-3"> и добавить class="col-md-3" в li, а можно вместо .top-side li:nth-child(2) a использовать .top-side .col-md-3:nth-child(2) a
Ответ от 22 ответа[гуру]
Привет! Вот подборка тем с похожими вопросами и ответами на Ваш вопрос: nth-child не работает