так как .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;
}