Атрибуты селекторов

В свободную минутку посвятил себя дальнейшему развитию. В этот раз удалось разобраться с атрибутами селекторов, так как данную вещь довольно часто встречаю.

Что же это такое? И так начнем.

Для начала конечно можно посмотреть спецификацию CSS 2.0.

Вдоволь насмотревшись на спецификацию, можно прийти к выводу, что в данном случае селектор работает так. Для примера измение бордер для кнопки через CSS:

input[type="button"] {border:solid 1px #000;}

Как видно из спецификации мы можем использовать аттрибуты селекторов что бы задать оформление, не используя class и id. Ведь не всегда удобно лезть в код и добавлять селекторы для необходимых элементов HTML.

Соответтсвено можно задать оформление для каждого элемента на странице, у которого есть атрибуты.

Но есть одно жирное НО. Опять же оно зовется IE6. Браузер не поддерживать аттрибуты селекторов. Чтобы эту проблему решить придется использовать снова expression от MicroSoft.

input {border: expression( this.type=="button" ? 'solid 1px #000' : 'inherit' );}

Как подключать только для IE6 должны знать все. Об этом я писал "Как подключить CSS для разных браузеров "