Как выбрать все элементы до класса(CSS)?

Question

[ABdominal]

Имеет следующая конструкция:

<li>1</li>
<li>1</li>
<li>1</li>
....
....
<li class="class">2</li>
<li>2</li>
<li>2</li>

Как выбрать все элементы до класса "class"? Т.е. все, что выше этого класса, с условным значением 1.
Доступны только css и jquery селекторы.

Answer 1

[Андрей]

$( "li.class" ).prevAll()
UPD:
li:not(.class, .class ~ li)

Comments

[ABdominal]

методы не доступны, только селекторы

[Андрей]

ABdominal, можно css вот так

li {
color:red
}
li.class, li.class ~ li {
color:blue
}

[Виталий Киренков]

ABdominal, это у вас тестовое какое-то? или с чем связаны такие ограничения?

[Андрей]

ABdominal, селекторами нельзя обращаться к родителям и предыдущим братьям. f nfr cvjnhz lkz xtuj 'nj ye;yj cltkfnm

[ABdominal]

Виталий Киренков, используя для выгрузки информации с сайта (парсинг, скрапинг), сервис предоставляющий услугу не дает использовать методы, только селекторы.

[Андрей]

ABdominal, тогда ловите селектор. обновил ответ

[ABdominal]

Андрей, благодарю за разъяснения! Удивительно что я могу выбрать все значения ниже используя li.сlass ~ li но выше никак не получается(

[Андрей]

ABdominal, выбрать можно но это как бы фэйковая выборка получается

[ABdominal]

Андрей, спасибо огромное, данное решение подошло мне!

Answer 2

[Виталий Киренков]

Подставите метод который вам нужен, я просто сделал добавление класса

$('li.class', 'ul').prevAll().addClass('prev-item');

Answer 3

[KononovD]

задать тем итемам, которые нужны - отдельный класс и не изобретать велосипед)