CSS3, объединяющий селекторы с ИЛИ вместо И

Вам нужно будет разделить их с помощью запятой:

body[class*="page-node-add-"], body[class~="page-node-edit"] {background:red;}

Проблема с использованием запятой:

... заключается в том, что вы не можете сделать это иначе, чем через запятую. Возможно, это можно было бы исправить с помощью Selectors 3, но, к сожалению, спецификация говорит об обратном. Это будет исправлено только с помощью селекторов 4 либо потому, что это не было предлагалось до недавнего времени или было предложено, но не попало в категорию 3.

На уровне 4 селекторов вы сможете сделать что-то вроде этого:

body:matches([class*="page-node-add-"], [class~="page-node-edit"]) form.node-form > .field-type-field-collection > table > thead tr th
{...}

В настоящее время это реализуется под первоначально предложенным названием :any() с префиксами :-moz-any() и :-webkit-any(). Но использование :any() в общедоступном CSS бессмысленно, учитывая, что

1. его поддерживают только Gecko и WebKit; и

2. вы должны дублировать свои наборы правил из-за того, как обрабатываются селекторы с префиксом, что не только противоречит предполагаемой цели селектора :matches() , но делает все еще хуже:

   body:-moz-any([class*="page-node-add-"], [class~="page-node-edit"]) form.node-form > .field-type-field-collection > table > thead tr th
   {...}
   body:-webkit-any([class*="page-node-add-"], [class~="page-node-edit"]) form.node-form > .field-type-field-collection > table > thead tr th
   {...}
   

Другими словами, пока реализации не обновятся до стандартизированного :matches(), нет другого жизнеспособного решения (кроме использования препроцессора для генерации повторяющихся селекторов).

Я нашел ответ здесь:

Сокращение CSS для определения нескольких классов

Mozilla и webkit имеют -moz-any или -webkit-any, хотя в спецификации CSS4 есть :matches. Удивлен, что об этом не подумали в CSS3, так как это значительно уменьшило бы количество повторяющегося кода без необходимости использовать SASS или LESS или что-то еще.

Итак, вы действительно хотите XOR, когда я прочитаю ваш вопрос. Вы можете добиться этого, используя селектор :not и сказав «класс один, а не другой» и наоборот.

div.one:not(.two), div.two:not(.one) {
    background:red;
}

Вот скрипт: http://jsfiddle.net/XfgxK/3/