Соседние селекторы css?

Question

[soulmatesneverdie]

Разъясните,пожалуйста, для чего нужны и пример использования соседних селекторов в CSS? прочитал несколько материалов - ничуть не понял.

Comments

[Александр Шаповал]

что за селектор?

[soulmatesneverdie]

Александр Шаповал: хотелось бы узнать в целом, что как и для чего нужны?

[Андрей]

Странный вопрос, но можно сделать вот такую невероятнейшую и умопомрачительную анимацию
https://jsfiddle.net/58pwL7g5/

[Александр Шаповал]

soulmatesneverdie: я скажу так, без них можно (не всегда) обойтись, но будет более громоздкий html код, чем больше разумного использования селекторов тем чище html код.
Чем чище html код тем проще работать с дизайном сайта.

[soulmatesneverdie]

Андрей: прошу не удивляться странным вопросам, ибо я только начал изучение css. Спасибо за ответ!

[soulmatesneverdie]

Александр Шаповал: благодарю за ответ!

[Андрей]

soulmatesneverdie: а еще можно тильду использовать ~ это значит что достать можно соседа через сколь угодно элементов. + же возьмет только ближайшего.
https://jsfiddle.net/58pwL7g5/1/

Answer 1

[Алекс Глебов]

https://codepen.io/SkiperX/pen/ggdzze
https://codepen.io/Vestride/pen/dABHx
https://codepen.io/dylanraga/pen/Qwqbab
https://codepen.io/nxworld/pen/ZYNOBZ
https://codepen.io/jamesbarnett/pen/yILjk
https://codepen.io/abergin/pen/ihlDf
https://codepen.io/hw/pen/biEBz
https://codepen.io/Lingyucoder/pen/hFxvq
тут есть

редкая штука
встречается при кастомизации чекбоксов и инпутов (в том числе когда на основе чекбокса делается спойлер или что-то открывается по клику по нему)
css слайдер (не использовать в реальных проектах, просто знать что такое бывает)
еще когда надо добавить отступ элементу который идет за текущим

Comments

[soulmatesneverdie]

Спасибо за ответ!