Search the Community
Showing results for tags 'nth-child'.
-
<div class="box-two"> <div>1</div> <div>2</div> <div>3</div> <div>4</div> <div>5</div> <div>6</div> </div> .box-two:nth-child(2n) { color: red; } Ни в какую не хочет работать, браузер chrome, редактор brackets. First-child и last-child тоже не работают, что может быть не так?
-
Добрый день подскажите как можно решить с помощью nth-child такой вопрос. Есть таблица: <table> <tr> <td>1</td><td>2</td> </tr> <tr> <td>3</td><td>4</td> </tr> <tr> <td>1</td><td>2</td> </tr> <tr> <td>3</td><td>4</td> </tr> </table> Как можно убрать(скрыть) первую ячейку в каждой четной строке? Должны скрыться все ячейки где цифра 3. Спасибо за помощь.
-
Сбивается чередование цветов в таблице при удалении некоторых строк
Oktava6 posted a question in HTML Coding
Добрый день! К сути: Есть таблица, в которой применено чередование цветов в четных/нечетных строках: tr:nth-child(2n) td{ background-color: #def;}tr:nth-child(2n+1) td{ background-color: #ddf;}Чекбоксом скрываю часть строк: #check-in:checked ~ * .up{ display: none;}После этого чередовании цветов в строках сбивается. Есть ли какая-либо возможность применить чередование только к тем строкам, которые отображены (т.е. display: table-row) или может есть более простые способы удалить строки с сохранением чередования цветов? Заранее спасибо за советы! html: <input type="checkbox" id="check-up"><input type="checkbox" id="check-in"> <table> <thead> <tr><td></td></tr> </thead> <tbody> <tr class="up"><td></td></tr> <tr class="in"><td></td></tr> <tr class="up"><td></td></tr> <tr class="up"><td></td></tr> <tr class="in"><td></td></tr> <tr class="in"><td></td></tr> <tr class="up"><td></td></tr> <tr class="in"><td></td></tr> ............................. <tr class="in"><td></td></tr> </tbody> </table> -
Проблема с псевдоклассом nth-child. Не могу понять каким образом он 3-ий "а" элемент воспринимает как 4-ый, а первого якобы вообще нету. Получается так будто элемент header тоже входит в счет, но причем тут хедер если явно указано .categories a:nth-child(1) ? 55-ая строка CSS-ника Песочница: http://cssdesk.com/qxEvw Может кто подсказать или направить где конкретно почитать об таком странном поведении?