Полное руководство по псевдоклассам и псевдоэлементам

Css

Оригинал статьи: An Ultimate Guide To CSS Pseudo-Classes And Pseudo-Elements Оглавление:

  • Одно или два двоеточия ставить перед псевдоэлементами?
  • Когда использовать и не использовать генерируемый контент в CSS
  • Экспериментальные псевдоклассы и псевдоэлементы
  • Псевдоклассы
    • Псевдоклассы состояний
    • Бонус: миксин Sass для ссылок
    • Структурные псевдоклассы
    • Псевдоклассы валидации
    • Псевдоклассы, связанные с языком страницы
    • Остальные псевдоклассы
  • Псевдоэлементы
  • Заключение

Всем привет. В самом начале своей работы в веб-дизайне, я изучал все тяжелым способом: методом проб и ошибок. Тогда не было Smashing Magazine, Can I Use, CodePen и прочих волшебных вещей, окружающих нас сегодня. Если бы раньше кто-либо показал мне азы веб дизайна, особенно по части CSS, это было бы невероятно полезно.

Теперь я намного более опытен и хочу поделиться своим простым, понятным и не догматическим руководством по псевдоклассам и псевдоэлементам.

Если вы опытный веб-дизайнер или разработчик, то вы должны знать большинство обсуждаемых здесь псевдоклассов и псевдоэлементов. Однако я рекомендую вам ознакомиться с содержанием, возможно, вы встретите что-то незнакомое для себя.