Испытание 9/20 100% проверьте пожалуйста


#1

Подскажите пожалуйста, можно ли как-то упростить селекторы в моем CSS-коде?

ul li:not(.nine):not(.six) {
margin-left: -15px;

}

.cards li:not(.nine) {
width: 36px;
height: 54px;
}

.cards li:nth-of-type(4) {
margin-right: 30px;
margin-left: 15px;
}

ul:first-of-type li:last-of-type,
ul:nth-of-type(2) li:nth-of-type(3),
ul:nth-of-type(2) li:nth-of-type(5),
ul:nth-of-type(3) li:first-of-type,
ul:nth-of-type(3) li:nth-last-of-type(3) {
background-color: #0099ff;
}

ul:not(:nth-of-type(2)) li:nth-of-type(2) {
background-color: #ff3300;
}

ul:last-of-type li:nth-of-type(3n+3) {
background-color: #339933;
}


#2

Заменить на

.diamond:not(:nth-of-type(even)) {
background-color: #0099ff;
}

#3

Спасибо большое не заметил, а ведь можно наверное просто с помощью nth-of-type выбрать для данного класса все нечетные элементы с помощью odd, без использования not?


#4

Да, можно и так, вы правы.

.diamond:nth-of-type(odd) {
    background-color: #0099ff;
}

#5

Спасибо :slight_smile: