Как написать подобный селектор?

Question

[Алексей Струков]

Понадобилось написать селектор типа:
.class > ul > li + li::before {};
И не могу понять как заставить его работать.

Comments

[riot26]

а что этот селектор должен то делать?

[Алексей Струков]

riot26: вставлять контент перед всеми элементами, кроме первого)
Знаю, что можно сделать по другому, но стало интересно как писать селекторы такого вида)
Раньше никогда не сталкивался и думал что оно будет работать, а оказалось...

[trushka]

Алексей Струков, на мой вгляд, это немного сродни удалению гланд через.. Нувыпонели))

[Алексей Струков]

trushka: да это все понятно)
Хочу просто знать причину, по которой оно не работает

Answer 1

[riot26]

вставлять контент перед всеми элементами, кроме первого)

https://jsfiddle.net/riot26/p49tgmqs/

Comments

[Алексей Струков]

Ага, это и есть второй способ)

[Ler Den]

Алексей Струков: а ведь так как написали Вы в первом случае, тоже пойдет https://jsfiddle.net/p49tgmqs/4/

[Алексей Струков]

Evgeniy: точно))
Не знаю даже как оно не получилось у меня сначала))
Значит все нормально
Я просто на секундочку усомнился, что я бог CSS, но теперь все снова вернулось на круги своя)))
PS
Если напишешь отдельным постом ответ, то отмечу его решением тоже))

[Максим]

Алексей Струков: сколько Богов css3 развелось (уже не знаешь какому Богу молится)

[Алексей Струков]

Максим Жаров: «Ибо, проходя и осматривая ваши святыни, я нашёл и жертвенник, на котором написано «неведомому Богу». Сего-то, Которого вы, не зная, чтите, я проповедую вам.»

[Максим]

Алексей Струков: уважаемый господь css3 помогите мне сделать вот так : (screenshot)https://cloud.mail.ru/public/G6vZ/E6i9ApEnV

[Алексей Струков]

Максим Жаров: это же шутка)
А что там на картинке то?
По моему - простой фильтр

[Максим]

Алексей Струков: сможете ?

[Алексей Струков]

Максим Жаров: если именно так, как на картинке - надо сидеть и подбирать значения для фильтра. Еще надо уточнить условия - картинка должна быть именно одна, или может быть несколько слоев?
Я просто не очень понимаю в чем суть самого эффекта)

[Максим]

Алексей Струков: блин Лёха до пофигу как , я это давно сделал уже , 5 дней назад , но мне интересно как такое могут сделать другие (вот вопрос : Как обесцветить часть изображения?

[Алексей Струков]

Максим Жаров: я просто не пойму в чем подвох)
Это обычный css filter))
Ща сделаю с другой картинкой, но именно такие же показатели яркости, насыщенрости и прочего подбирать не буду)

[Максим]

Алексей Струков: да только двумя способами , один способ под другим

[Алексей Струков]

Максим Жаров: https://jsfiddle.net/7up1av52/
В общем типа такого

[Максим]

Алексей Струков: то как работает : https://cloud.mail.ru/public/8prA/rwWgHMz19

[Алексей Струков]

Максим Жаров: у тебя какой браузер?
я просто префиксы не писал

[Алексей Струков]

Максим Жаров: посмотри в фаерфоксе или допиши префикс -webkit- у filter для хрома

[Максим]

Алексей Струков: а теперя скажу прикол - надо img в html , не через background,

[Алексей Струков]

Максим Жаров: ну можно и через img)
Все тоже самое будет, кроме первого дива

[Максим]

Алексей Струков: без background- вы же видели мой пример , но в принципе пофигу ,

Answer 2

[Андрей Федоров]

li:not(:first-child):before {
}

Comments

[riot26]

first-of-type будет более уместным, чем first-child ИМХО

[Андрей Федоров]

riot26: в ie7/8 могут быть сложности с first-of-type

[Алексей Струков]

Андрей Федоров: блин, а в IE6 проблем не будет?)
PS
Все что меньше IE10 меня не интересует, ибо на флексбоксе все делается )

[Андрей Федоров]

Алексей Струков: )))

Answer 3

[Yustas Alexu]

.class > ul > li:first-child ~ li::before {};

Comments

[Алексей Струков]

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

[Yustas Alexu]

Алексей Струков: Кстати да, щас подумал и точно.

Answer 4

[iBird Rose]

не будет он так работать. добавляйте before для всех и убирайте у first-child

Comments

[Алексей Струков]

Вот именно и хочется узнать, если оно не работает, то почему так происходит. Нигде не смог найти объяснения

[Yustas Alexu]

Будет работать, если немного подправить. Смотрите мой ответ.