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

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

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

Пример кода на JSFiddle

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

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

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

li:nth-child(-n+3)      {color:red;}     /* первые 3 пункта */
li:nth-last-child(-n+3) {color:red;}     /* последние 3 пункта */
li:nth-child(n+4)       {color:red;}     /* все, кроме первых 3 пунктов */
li:nth-last-child(n+4)  {color:red;}     /* все, кроме последних 3 пунктов */
li:nth-child(2n)        {color:red;}     /* каждые 2 пункта */

Пример кода на JSFiddle

3. Выборка ссылок на внешние сайты

В CSS 3 стало возможным выбирать элементы, атрибуты которых начинаются с указанной строки через символ ^.

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

4. Выбрать картинки без атрибута alt

Выбрать элементы, у которых нет указанных атрибутов, можно через псевдокласс :not(), который появился в CSS 3.

img:not([alt]) {
    /* код */
}

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