raulco
04.Декабрь.2016 21:28:57
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 ;
}
Ineska
05.Декабрь.2016 12:44:04
2
raulco:
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 ;
}
Заменить на
.diamond:not(:nth-of-type(even)) {
background-color: #0099ff;
}
raulco
07.Декабрь.2016 21:19:15
3
Спасибо большое не заметил, а ведь можно наверное просто с помощью nth-of-type выбрать для данного класса все нечетные элементы с помощью odd, без использования not?
Ineska
08.Декабрь.2016 07:48:40
4
Да, можно и так, вы правы.
.diamond:nth-of-type(odd) {
background-color: #0099ff;
}
1 лайк