LINUX.ORG.RU

Псевдокласс :nth-child для конкретного типа элемента.


0

1

Есть:

div#bd
+table.nav
+div
+div
+div
...
+div
+table.nav

Мне нужно обратиться ко второй table.n. Пишу:

#bd table.nav:last-child td[align="right"]
И фигу, работает с td в обоих тейблах.

Пишу через nth:

#bd table.nav:nth-child(2) td[align="right"]
Фига
#bd table.nav:nth-child(3) td[align="right"]
Фига
#bd table.nav:nth-child(8) td[align="right"]
Работает. Но что за бред? Мне не нужен 8-й потомок #bd, мне нужна вторая по счету table.nav.

Ответ на: комментарий от loginame

В другой ситуации бы и сработало, но... Первый table вложен в form:

div#bd
+form
++table.nav
+div
+div
+div
...
+div
+table.nav

Поэтому #bd table.nav:nth-last-of-type(1) td[align='right'] (или :last-child, что одно и то же) срабатывает на оба раза.

AlexCones ★★★
() автор топика
Ответ на: комментарий от loginame

О, не знал про >

Т.е. так можно задать прямых потомков? Т.е. при ситуации:

div.a
+div.b
+p
++div.c

div.a>div

div.c не зацепит?
AlexCones ★★★
() автор топика
Ответ на: комментарий от AlexCones

ну, если не обращать внимание на div внутри p (что как-то нехорошо), то div.c не выберется :)

Только я об ишаках не помню, ЕМНИП, там такие правила с седьмого и выше работают

loginame
()

>Мне не нужен 8-й потомок #bd, мне нужна вторая по счету table.nav.

Добро пожаловать в чудесный мир CSS.

Deleted
()
Ответ на: комментарий от loginame

(что как-то нехорошо)

С ходу не вспомнил ни одного блочного элемента для примера.

Только я об ишаках не помню,

Не имеет значения.

AlexCones ★★★
() автор топика
Вы не можете добавлять комментарии в эту тему. Тема перемещена в архив.