Статьи

Краткий совет AtoZ CSS: использование свойства цвета

Эта статья является частью нашей серии CSS AtoZ. Вы можете найти другие записи серии здесь .
Смотрите полный скринкаст и расшифровку colorздесь .

Добро пожаловать в нашу серию AtoZ CSS! В этой серии я буду изучать различные значения CSS (и свойства), начиная с буквы алфавита. Мы знаем, что иногда скринкастов просто недостаточно, в этой статье я добавил новый быстрый совет / урок о свойстве color

CSS-c2.jpg-01

C для color

Свойство color

Используя ::selection Существует только несколько свойств, которые можно изменить при стилизации выделенного текста. Они ограничены:

  • color
  • background-color
  • cursor
  • outline
  • text-decoration
  • text-shadow

Даже если вы ограничены в свойствах, которые можно стилизовать с помощью ::selection

Проверьте эту функцию, выделив некоторый текст в каждом из абзацев в результате Codepen.

Приставочные префиксы

В Firefox псевдоэлементу ::selection-moz запятая, разделяющая два селектора, не будет работать.

 /* this won't work */
::selection,
::-moz-selection {
  color: white;
  background: green;
}

/* do this instead */
::selection {
  color: white;
  background: green;
}
::-moz-selection {
  color: white;
  background: green;
}

Генераторы цвета

Есть несколько отличных мест для поиска и создания цветовых схем для ваших проектов. Вот что я нашел полезным в прошлом: