Атрибутозависимые стили CSS
Часто нам приходиться переоформлять элементы формы input. Но если мы напишем в стилях к примеру так:
input {
border 
1px solid #CCCCCC;
}
то изменяться не только поля ввода, но и все кнопки, сабмиты, чекбоксы и т.п. Тут мы начинаем изобретать классы для инпутов, которые нужно вставлять в каждый html тэг или ещё что-нибудь.
Но этому вопросу есть более простое решение.
В CSS есть возможность установить зависимость от атрибута. Вот пример кода:
input[type=”text“] {
border 1px solid #CCCCCC;
}
Аналогично мы можем стилизировтаь submit, checkbox, button и другие элементы формы. Я вот только не успел попробовать эту фичу на других тегах типа
с [align] или ещё что-нибудь в этом роде, возможно там такая же ситуация, а может и нет))
Похожие записи:
Метки: CSS
RSS