CSS: Невозможность использования селектора "сосед" (sibling selector)

К сожалению, в CSS нет селектора-соседа, который мог бы соответствовать элементам (или не соответствовать) по классу.

Ближайший селектор, который мне приходит в голову, - это

.iwant:only-child

Тем не менее, этот селектор подразумевает, что под родительским элементом div не может быть других дочерних элементов, кроме div class="iwant", независимо от их типа или класса. Это может подойти в зависимости от структуры вашего HTML, так что стоит попробовать. Если же проблема заключается в именах классов, то, к сожалению, здесь не осталось много решений, так как в CSS нет псевдокласса :only-of-class, который бы фильтровал по классу и игнорировал остальные.

На данный момент в CSS нет селектора для отрицательных сиблингов. Вместо этого можно использовать селектор сиблингов, чтобы задать новые стили для одного элемента, а затем сбросить стили для другого элемента с помощью класса .idontwant.

Пример кода:

div.iwant {
    /* Задаем стили здесь */
    display: inline;
}
div.iwant ~ div.idontwant {
    /* Сбрасываем стили */
    display: block; /* Значение по умолчанию для DIV — block */
}

Таким образом, мы применяем стили к элементам с классом iwant, а для элементов с классом idontwant, которые следуют за ними, сбрасываем эти стили к значению по умолчанию.

На StackOverflow можно ответить так:

К сожалению, нет хорошего способа выбрать элемент без конкретного соседнего элемента. Однако вы можете использовать селектор .iwant:last-child, чтобы выбрать элементы, у которых нет последующего соседнего элемента.

Вот пример: http://codepen.io/martinkrulltott/pen/YyGgde.

Это может быть полезно - если элемент, который вам нужен, всегда является последним потомком:

div:last-child:not(.idontwant) {

}

Таким образом, этот селектор выберет последний элемент div, который не имеет класса idontwant.