Селекторы (выборка) по атрибутам

Выбрать элементы по атрибутам можно внтури квадратных скобок [].

a[target] {}        /* выборка ссылок, у которых есть параметр target */
a[target][title] {} /* выборка ссылок, у которых есть два параметра: target и title */

Выборка элементов без указанного атрибута

Также можно выбирать элементы без указанного атрибута через псевдокласс :not().

img:not([alt]) {} /* выборка картинок без атрибута alt */

На примере выше показана выборка картинок без атрибута alt.

По HTML-стандарту, для каждой картинки должен быть указан атрибут alt (может быть пустой).

Выборка элементов с указанными параметрами в атрибутах

Можно выбирать элементы с указанными параметрами:

a[target="_blunk"] /* выборка ссылок с параметром target равный "_blunk" */
a[href*="mysite"]  /* выборка ссылок, где в URL встречается текст "mysite" */
a[href^="http"]    /* выборка ссылок, у которых URL начинается с "http" */
a[href$=".png"]    /* выборка ссылок, у которых URL заканчивается на ".png" */

Ниже показан пример выборки ссылок на внешние сайты.

a[href^="http:"],
a[href^="https:"] { /* код */ }