Вопросы Теги

селекторы first-child и nth-child в теге «article» HTML5 не применяются

Я использую некоторые селекторы CSS2 и CSS3 в теге HTML5

, но кажется, что некоторые (но не все ) из них не работают, как я ожидал.

Вот работоспособный пример: 

 / * Работает, как ожидалось: * / div.wrapper p: first-child {color: red;  } div.wrapper p: nth-child (даже) {цвет: фуксия;  } / * НЕ работает должным образом: * / div.wrapper article: nth-child (1) {color: blue;  } div.wrapper article: first-child {цвет: зеленый;  } / * Работает как положено: * / div.wrapper article: last-child {color: gold;  } 
 
 
 P1, ожидается "color: red" 
 
 P2, ожидается "color: fuchsia" 
 
 P3, не ожидается, CSS  применено 
 
 P4, ожидается "цвет: фуксия" 
 
 Статья 1, ожидается "цвет: зеленый" и / или "цвет: синий" ← не работает должным образом ...  
 Статья 2, ожидается "цвет: золото"

Моя проблема в таком случае: почему не nth-child (n) и ] селекторы первого ребенка в тегах

работают? И что еще более странно: селектор last-child действительно работает. Тестировал в FF4, IE9 и Chrome11, все те же результаты.

Теги

функционируют как проверка работоспособности; чтобы убедиться, что селектор nth-child (n) работает для некоторых тегов.

Что мне не хватает? Предполагается, что мой образец вообще будет работать?

6
задан Jeroen 4 April 2016 в 05:37
поделиться