4/20 Псевдокласс :nth-last-child где ошибка?

Где ошибка? Не проходит, как правильный ответ.

ul:nth-last-child(2) li{
background-color:#ff3300;
}
li:nth-last-child(2){
background-color:#339933;
}
ul:nth-last-child(2) .queen.diamond{
background-color:#0099ff;
}

Переделайте с самого начала. Выполнив первую цель, закомментируйте правило. Выполнив вторую цель, нажмите на кнопку “Проверить”. Так должно пройти.

1 лайк

да, прошло, спасибо, значит глюк был

немного не по теме, но почему во всех заданиях вместо “столбца” написано “строка”?

Смотря в каком направлении смотреть. Там есть и “строка” - если слева направо, и столбец - если сверху вниз.

Цель 1Задайте фон #ff3300 первым картам в каждой строке, но не пикам .spade.
Цель 2Задайте фон #339933 картам, которые не являются ни тузом .ace, ни бубной .diamond и расположены в центре каждой строки.
Цель 3Задайте фон #0099ff червям .heart, стоящим не на первой позиции в каждой строке, и не являющимся дамой .queen или валетом .jack.

я вот про что

И в чем проблема?

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

Цель 1Задайте всем картам предпоследней строки фон #ff3300.
Цель 2Затем задайте предпоследней карте в каждой строке фон #339933.
Цель 3Затем задайте карте на пересечении выделенной строки и столбца фон #0099ff.

Когда вы задаете фон каждой предпоследней карте в строках, то выделенные таким образом карты составляют столбец. Но разметка задания не меняется: ul - это горизонтальный список, понимаете?

" Тег ul используется для создания неупорядоченного списка." https://ruseller.com/htmlshpora.php?id=59

это ошибка или неверный перевод?

Нет, всё правильно. Список может быть как вертикальным, так и горизонтальным. Делали горизонтальное меню в этом курсе?

да, делал. но вертикальное меню там тоже через ul делается

В этом задании ul - это горизонтальный список.
Покажите свой код для выполнения второй цели еще.

li:last-child {
background-color: #ff3300;
}

ul:last-of-type li {
background-color: #339933;
}

ul:last-of-type li:last-child {
background-color: #0099ff;
}

6-ое задание. при всём моём уважении, не может ul быть горизонтальным если он неупорядоченный, и не могут быть две не параллельные строки карт

Интересный вывод, обоснуйте пожалуйста.
На счет второго вывода согласна.
Выделенные красным цветом карты визуально составляют столбец, но по коду это были и остаются последние карты в каждой строке, и никак иначе.


На скрине четыре горизонтальных списка.

в противном случае от бы был указан в спецификации как горизонтальный список, нет?

to2 так в задании и говорится “Задайте всем картам предпоследней строки фон”

со всем уважением на скине вертикальные списки и горизонтальные строки )))

А вы всё-таки вспомните, как сделали из вертикального списка горизонтальное меню.
С помощью css можно изменять отображение элементов в потоке документа.

.cards:nth-last-child(2) li {
background-color: #ff3300;
}

.cards li:nth-last-child(2) {
background-color: #339933;
}

.cards:nth-last-child(2) li:nth-last-child(2) {
background-color: #0099ff;
}