Вед-дев, Сео, Манимейкинг

Обзор псевдоклассов :nth-of-type и :nth-child

Допустим у нас имеется следующая разметка:

<div class="wrapper">
  <p>Hello</p>
  <p>Boys and girls</p>
</div>

И нам необходимо затемизировать первый параграф внутри дива "wrapper". Для этого мы будем использовать псевдокласс :nth-of-type

.wrapper p:nth-of-type(1) {
  color: red; /* сделает первый параграф красным */
}

А теперь рассмотрим псевдокласс :nth-child

В случае выше можно применить и :nth-child также и все сработает как положено, но между этими псевдоклассами всеже есть разница. :nth-child выбирает элемент определенного родителя.

В этом примере :nth-child(1) выберет не первый параграф hello, а bb:

<div class="wrapper">
  <span>bb</span>
  <p>Hello</p>
  <p>Boys and girls</p>
</div>

Т.к. bb является первым элементом родителя "wrapper". Данные псевдоклассы появились в CSS3



Комментарии (0)

Разделы

Подписаться

Подписка на RSS-лента последние записи из Блога

Комменты

  • Olzhas 5 месяцев 3 недели назад
    Спасибо. С Новым Годом! 
  • Den 6 месяцев 3 недели назад
    В первой функции, при создании переменной $li_previous нужно поменять '←' с NULL, в $li_next сделать тоже самое. 
  • Гость 6 месяцев 3 недели назад
    Если все ровно так как было описано, то нет никаких сомнений что домен увел сам регистратор. Потому что вероятность того 
  • Валерий 7 месяцев 2 недели назад
    да можно делать импорт-экспорт только лишь в оболочке на входя на mysql сервер 
  • admin 7 месяцев 2 недели назад
    Валерий, а зачем вам именно так делать экспорт? Если я не ошибаюсь, то там нет какой-либо команды чтобы сделать экспорт 
  • Валерий 7 месяцев 3 недели назад
    захожу на mysql через ssh по команде  
  • admin 7 месяцев 3 недели назад
    Добрый вечер, какой у вас клиент? 
  • Валерий 7 месяцев 3 недели назад
    Здравстуйте, есть команда чтобы сделать экспорт базы внутри mysql клиента? 
  • Eduard 8 месяцев 6 дней назад
    Видать, домен хороший был. Заявление пробывали писать на мошенника? 
  • Stas 9 месяцев 2 недели назад
    Ошибка в ключе квантификатора - replace(/будешь|пить/ig, "хлеб"); Указать -g для прохода по всем совпадениям!