Непонятные селекторы

@Богдан всепытный · Регистрация: 10.11.2017

Студворк — интернет-сервис помощи студентам

Чем отличается запись

CSS

1	.div1:hover .div2 {/свойства/}

от

CSS

1	.div1:hover + .div2 {/свойства/}

и от

CSS

1	.div1:hover ~ .div2 {/свойства/}

В чём разница???

Песочница https://codepen.io/BogdanHacker/pen/KQexPE

@SiarheiSiarhei · 22.02.2018, 17:50

Не по теме:

на заборах - всякое пишут...

@AlexZaw · 22.02.2018, 17:54

1 сработает только если .div2 является ребенком .div1
2 сработает только если .div2 является соседом для .div1 и расположен в коде непосредственно после .div1
3 срабатывает для всех соседей .div1 с классом .div2 и которые идут в коде после .div1

http://htmlbook.ru/css - Селекторы и их комбинации

@Богдан всепытный · 22.02.2018, 17:59 **[ТС]**

AlexZaw, спасибо! А как сделать чтобы выбирались .div2 которые находятся до .div1, а не после?

@AlexZaw · 22.02.2018, 18:06

Сообщение от Богдан Хакер

А как сделать чтобы выбирались .div2 которые находятся до .div1, а не после?

Можно схитрить расположив .div2 в коде ниже .div1, и с помощью css поменять их расположение, но, на мой взгляд, лучше использовать js

@SiarheiSiarhei · 22.02.2018, 18:08

Не по теме:

да,.. на всех - заборов хватит...

@Богдан всепытный · 22.02.2018, 18:15 **[ТС]**

SiarheiSiarhei, не знаешь, не лезь!

@SiarheiSiarhei
	22.02.2018, 17:50 #2
	Не по теме: на заборах - всякое пишут... 0

@AlexZaw Модератор 2172 / 1571 / 626 Регистрация: 07.08.2016 Сообщений: 3,839
	22.02.2018, 17:54	3
	Сообщение было отмечено Богдан всепытный как решение Решение 1 сработает только если .div2 является ребенком .div1 2 сработает только если .div2 является соседом для .div1 и расположен в коде непосредственно после .div1 3 срабатывает для всех соседей .div1 с классом .div2 и которые идут в коде после .div1 http://htmlbook.ru/css - Селекторы и их комбинации 1

@Богдан всепытный 10 / 18 / 4 Регистрация: 10.11.2017 Сообщений: 283
	22.02.2018, 17:59 [ТС]	4
	AlexZaw, спасибо! А как сделать чтобы выбирались .div2 которые находятся до .div1, а не после? 0

@AlexZaw Модератор 2172 / 1571 / 626 Регистрация: 07.08.2016 Сообщений: 3,839
	22.02.2018, 18:06	5
	Сообщение от Богдан Хакер А как сделать чтобы выбирались .div2 которые находятся до .div1, а не после? Можно схитрить расположив .div2 в коде ниже .div1, и с помощью css поменять их расположение, но, на мой взгляд, лучше использовать js 0

@SiarheiSiarhei
	22.02.2018, 18:08 #6
	Не по теме: да,.. на всех - заборов хватит... 0

@Богдан всепытный 10 / 18 / 4 Регистрация: 10.11.2017 Сообщений: 283
	22.02.2018, 18:15 [ТС]	7
	SiarheiSiarhei, не знаешь, не лезь! 0

Опции темы

Непонятные селекторы

Решение