Селекторы first second

@piv199 · Регистрация: 21.12.2012

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

Недавно познакомился с селекторами и вот возникла сразу же проблема:

Селектор работает например вот так:

HTML5

1
2
3

<div id='first'></div>
...
<div id='second'></div>

CSS

<style>
#first:hover ~ #second
{
     background:#000;
}
</style>

А что делать в таком случае?

HTML5

<div id='wrapper'>
     <div id='first'></div>
</div>
...
<div id='second'></div>

CSS

<style>
#first:hover ~ #second
{
     background:#000;
}
</style>

@killlfun · 31.07.2014, 12:32

piv199, не понимаю зачем все так усложнять, если вы используете id, он же уникален, зачем ужесточать условия?

@piv199 · 31.07.2014, 20:34 **[ТС]**

killlfun, код во втором примере не работает, как сделать так что бы он работал?

@killlfun · 31.07.2014, 20:40

piv199, ну он и не будет работать.
~ означает что у #second где то сверху на одном и том же иерархическом уровне или выше (но не ниже) есть блок #first. У вас же #first является дочерним элементом блока, который на одном иерархическом уровне с #second.
Так что такое обращение к блоку работать не будет.
И опять же таки я повторю, зачем все это, если вы используете id?

@piv199 · 31.07.2014, 21:04 **[ТС]**

killlfun, а как правильно обратиться к елементу c id='second' при first:target

@killlfun · 31.07.2014, 21:31

piv199, та через css ни как.
Блин у тебя id везде проставлен, обращайся прямо к нему!

@piv199 · 31.07.2014, 22:09 **[ТС]**

killlfun,

piv199, та через css ни как.

И

Блин у тебя id везде проставлен, обращайся прямо к нему!

Вообще не понял так никак ил напрямую?

Добавлено через 1 минуту
И если допустим там класс будет чтото поменяется?

@Sabio · 31.07.2014, 22:59

piv199, проштудируй это, чтобы не задавать дурацких вопросов.

@piv199 · 31.07.2014, 23:12 **[ТС]**

Sabio, неужели нельзя в моем случае добраться до внешнего id? Не думал что в css все так плохо...

@vovandr · 31.07.2014, 23:26

Через js могу предложить

@vovandr 636 / 523 / 195 Регистрация: 19.08.2013 Сообщений: 1,400
	31.07.2014, 23:26	10
	Через js могу предложить 0

@killlfun 102 / 102 / 39 Регистрация: 25.02.2014 Сообщений: 321
	31.07.2014, 12:32	2
	piv199, не понимаю зачем все так усложнять, если вы используете id, он же уникален, зачем ужесточать условия? 0

@piv199 0 / 0 / 1 Регистрация: 21.12.2012 Сообщений: 49
	31.07.2014, 20:34 [ТС]	3
	killlfun, код во втором примере не работает, как сделать так что бы он работал? 0

@killlfun 102 / 102 / 39 Регистрация: 25.02.2014 Сообщений: 321
	31.07.2014, 20:40	4
	piv199, ну он и не будет работать. ~ означает что у #second где то сверху на одном и том же иерархическом уровне или выше (но не ниже) есть блок #first. У вас же #first является дочерним элементом блока, который на одном иерархическом уровне с #second. Так что такое обращение к блоку работать не будет. И опять же таки я повторю, зачем все это, если вы используете id? 0

@piv199 0 / 0 / 1 Регистрация: 21.12.2012 Сообщений: 49
	31.07.2014, 21:04 [ТС]	5
	killlfun, а как правильно обратиться к елементу c id='second' при first:target 0

@killlfun 102 / 102 / 39 Регистрация: 25.02.2014 Сообщений: 321
	31.07.2014, 21:31	6
	piv199, та через css ни как. Блин у тебя id везде проставлен, обращайся прямо к нему! 0

@piv199 0 / 0 / 1 Регистрация: 21.12.2012 Сообщений: 49
	31.07.2014, 22:09 [ТС]	7
	killlfun, piv199, та через css ни как. И Блин у тебя id везде проставлен, обращайся прямо к нему! Вообще не понял так никак ил напрямую? Добавлено через 1 минуту И если допустим там класс будет чтото поменяется? 0

@Sabio 57 / 57 / 14 Регистрация: 24.06.2013 Сообщений: 265
	31.07.2014, 22:59	8
	piv199, проштудируй это, чтобы не задавать дурацких вопросов. 0

@piv199 0 / 0 / 1 Регистрация: 21.12.2012 Сообщений: 49
	31.07.2014, 23:12 [ТС]	9
	Sabio, неужели нельзя в моем случае добраться до внешнего id? Не думал что в css все так плохо... 0