Работу CSS-селекторов объяснили на картинках с котами

Сайт Thoughtbots опубликовал текст, в котором описал основные принципы работы CSS-селекторов с помощью картинок с котами.

Текст поясняет, как выбирать и оформлять различные элементы в зависимости от их соотношения друг с другом. В качестве примера котят, представляющих различные элементы, обводят бирюзовым цветом. В качестве дополнительного источника информации о работе селекторов авторы предлагают сайт CSS Diner, который использует для визуализации не котов, а тарелки с едой.

В 2012 году программист Макс Огден из Сан-Франциско написал похожее руководство под названием JavaScript for Cats, в котором на примере котов объяснил основы работы с JavaScript.

CSS — формальный язык описания внешнего вида документа, написанного с использованием языка разметки. Преимущественно используется как средство описания, оформления внешнего вида веб-страниц, написанных с помощью языков разметки HTML и XHTML.