Для тэга <article> не работает псевдокласс :first-child. Как победить?

html css web-разработка

Собственно, вопрос. При этом, если в этом же месте поменять на псевдокласс попроще, например :hover или :first-letter, то всё работает шикарно.
Притом не видимых проявлений нет, а именно не применяется стиль, прописанный под этим псевдоклассом, если верить веб-инспектору.

Вообще задача стоит так: по возможности сделать первой статье в списке оформление, чуть отличное от остальных. Вариант прилепить класс к первой статье не оптимален. Если делать так, то придётся под один блок статей делать особо специальный шаблон, а это в дальнейшем может способствовать путанице при администрировании сайта.

Примечание:
Harm, я конечно всё понимаю, но где вы в html4 видели тэг <article> и при чём тут <p>? Естественно, в html4 тэг <article> был бы нестандартным. Но некрофилией я не страдаю. Речь об html5.

Примечание:
Малёк, а можно пример работающего кода? Хочу сравнить со своим и понять, что у меня не так. У меня ошибка проявляется на главной странице http://fetes.ru/ , там в анонсах новостей и анонсах статей в первом элементе должна быть дата справа.
Пишу так:
.articles article:first-child .news-date-time {
float: none;
text-align: right;
}
И ноль эмоций. Не применяется стиль вообще.

Примечание:
> оно же не first-child. Там h2 перед article идёт, он первый ребёнок. Тебе надо :nth-child(2)

Интересно, долго бы я ещё сама соображала? Ведь и правда. Очевидного не заметила.
Хотя, я просто неправильно понимала смысл псевдокласса :first-child, полагая, что он указывает на первого ребёнка указанного типа. А значит, и вопрос этот сформулирован неправильно. Прошу прощения за введение в заблуждение.

Большое спасибо. Теперь всё работает, и в голове уложилось нормально.
Ответы:
Например, так работает:
Проверил сейчас в фф, опере, хроме. Работает!
Лань, оно же не first-child. Там h2 перед article идёт, он первый ребёнок. Тебе надо :nth-child(2)


14 лет назад

RPI.su - самая большая русскоязычная база вопросов и ответов. Наш проект был реализован как продолжение популярного сервиса otvety.google.ru, который был закрыт и удален 30 апреля 2015 года. Мы решили воскресить полезный сервис Ответы Гугл, чтобы любой человек смог публично узнать ответ на свой вопрос у интернет сообщества.

Все вопросы, добавленные на сайт ответов Google, мы скопировали и сохранили здесь. Имена старых пользователей также отображены в том виде, в котором они существовали ранее. Только нужно заново пройти регистрацию, чтобы иметь возможность задавать вопросы, или отвечать другим.

Чтобы связаться с нами по любому вопросу О САЙТЕ (реклама, сотрудничество, отзыв о сервисе), пишите на почту [email protected]. Только все общие вопросы размещайте на сайте, на них ответ по почте не предоставляется.