Показать сообщение отдельно
  #3 (permalink)  
Старый 25.11.2016, 03:45
Аватар для join
Профессор
Отправить личное сообщение для join Посмотреть профиль Найти все сообщения от join
 
Регистрация: 05.03.2012
Сообщений: 477

так как .rabbit имеет по одному потомку .bodyR и .eyes,
эти стили не найдут вторых и третьих потомков, их там просто не существует.
.bodyR:nth-child(2){
    background-color: pink;// ищет второго ребенка в теге с классом .bodyR
}
 
.eyes:nth-child(3){
    background-color: orange;// ищет третьего ребенка в теге с классом .eyes
}


Это сработает так:
.rabbit:nth-of-type(2) .bodyR{
    background-color: pink;
}
 
.rabbit:nth-of-type(3) .eyes{
    background-color: orange;
}

//only for your layout html

body :nth-child(2) .bodyR{
    background-color: pink;
}
body :nth-child(3) .eyes{
    background-color: pink;
}
Ответить с цитированием