испытание: толщина и прозрачность обводки [8/20]

Курсы §37. Оформление SVG-фигур
1

Слушайте, почему у меня с помощью
polygon:nth-child(1) и polygon:nth-child(2)
получается обратиться только к первым двум фигурам.
а вот уже код
polygon:nth-child(3) никак не влияет на третью фигуру.
Но если в код css два раза добавить блок
polygon:nth-child(3) {
stroke:lightseagreen;
stroke-width: 20;
}
то сработает!
Причем в первый раз блок
polygon:nth-child(3) {}
может быть пустым. Или с каким угодно кодом. Содержание скобок {} никак не влияет на фигуру. Но при попытке удалить этот пустой блок влияние на фигуру(прописанное во втором блоке polygon:nth-child(3) ) пропадает.
И кстати, селектор
poligon: nth-last-child()
не работает
нифига не понимаю

2

Весь код текстом, пожалуйста.

3

svg {
border: 1px solid #dddddd;
}

polygon{
fill: none;
}

polygon:nth-child(1){
stroke:yellowgreen;
stroke-width: 5;
}

   polygon:nth-child(2) { 
stroke:gold;
stroke-width: 10;
   };
  
  polygon:nth-child(3){   
    }    
   
    polygon:nth-last-child(){

stroke:lightseagreen;
stroke-opacity: 0.5;
stroke-width: 30;
}

4

Точка с запятой лишняя.

polygon:nth-last-child(1)

5

ох яж ешкин кот, спасибо :grinning: