[14/18] Два вопроса о конструкции p:nth-child(2) a:link{ ... }


#1

Всем привет, тихо осваиваю в свободное время и вот добрался до этого задания, сходу влепил такую конструкцию:
p:nth-child(2) a:link{ … }

Отсюда вопросы/рассуждения:

  1. p:nth-child(2) - выбирает первую строку -
    “Эта ссылка посещена, так как ведёт на страницу с этим заданием.”
    У нас конструкция вида:
    <body>
    <h1>
    <p> - получили этот (он же первый p)
    <p> - ожидали получить этот ( второй же ? :slight_smile: )
    <p>

Получается что счет элементов идет строго по порядку, но тег у каждого обязательно свой для конструкции p:nth-child(2).
Есть что добавить - подкиньте, буду благодарен

  1. Интересно почему не принимается первый ответ p:nth-child(3) a:link{ … } - отображается корректно, т.е. я же могу применять :link только к тем ссылкам которые отобрал в селекторе?

Есть ответ ? - пишите, коментам полезным тоже рад.

P.S. - задание выполнено, нужны коменты по конкретным вопросам


#2

:nth-child не учитывает тип элемента. Выбирается второй дочерний элемент родителя (то есть в данном случае body) - и вторым считается первый параграф. Первым дочерним элементом будет заголовок h1.


#3

Спасибо!) Отличный ответ, прям его мне для полного счастья ее хватало) ( не сарказм)