Используйте атрибуты селекторов для стилизации элементов
Вы использовали атрибуты id
или class
к элементам, чтобы задать им специфические стили. Эти атрибуты известны как селекторы ID
и class
. Существуют и другие селекторы, которые вы можете использовать в CSS для выбора пользовательских групп элементов. Давайте снова рассмотрим CatPhotoApp, чтобы использовать селекторы в CSS. Для этой задачи вы будете использовать селектор атрибутов [attr=value]
, чтобы установить чекбоксы в CatPhotoApp. Этот селектор соответствует элементам стилей с определенным значением атрибута. Например, приведенный ниже код изменяет отступы всех элементов с атрибутом type
, имеющим значение radio
:
[type = 'radio'] {
margin: 20px 0px 20px 0px;
}
Заметка: более подробно этот момент разбирался: здесь.
Используя селектор атрибутов type=checkbox
, присвойте чекбоксам в CatPhotoApp верхний марджин 10px и нижний марджин 15px.