Селекторы по атрибутам позволяют выбирать элементы по любым атрибутам, например, по атрибутам href, src, class и т.д., но чаще всего используются при работе с формами. Использование селекторов атрибутов в формах мы рассмотрим отдельно при изучении форм, а сейчас разберем эти селекторы на обычных элементах. 1. [attr] или div[attr] – выбор элементов с атрибутом attr (важно имя атрибута, а не значение). 2. [attr = ‘value’] - выбор элементов с атрибутом attr и значением value. 3. [attr^ = ‘value’] - выбор элементов по атрибуту attr со значением, которое начинается на value...

CSS при первом знакомстве выглядит не таким уж и сложным. Но что с этим всем делать чтобы было и красиво и правильно не понятно — особенно когда речь заходит о css селекторах. Сразу и не поймешь что выбрать — селектор класса CSS или селектор по ID? Когда использовать селекторы тегов CSS, а когда комбинированные? И как разобраться в специфичности и приоритете? В этом руководстве постарался разложить всё по полочкам: что такое селекторы CSS, какие бывают их виды, как они работают и как не запутаться в применении стилей...