Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   как правильно составить селектор (https://javascript.ru/forum/dom-window/51965-kak-pravilno-sostavit-selektor.html)

imedia 27.11.2014 20:23

как правильно составить селектор
 
Вот есть такой селектор
jQuery('.navbar-block ul:first li:first')

а как написать например что я восьмой список li хочу а не первый?

danik.js 27.11.2014 20:27

Восьмой нельзя. Остальные можно. Показать как?

danik.js 27.11.2014 20:27

Выборку восьмого запретили разработчики.

imedia 27.11.2014 20:37

ну серьезно, danik.js,

danik.js 27.11.2014 20:41

Ну серьезно, почему именно восьмой?

danik.js 27.11.2014 20:42

Или это говно-cms'ка которая не дает проставить класс для особого пункта меню? Или по дизайну так выходит, что нужно стилизовать именно восьмой пункт? Он не последний, кстати?

imedia 27.11.2014 20:57

нет там может быть и пятнадцатый, восьмой для примера, просто first пишется так а если уже какой то восьмой то что цифру ставить?

danik.js 27.11.2014 21:00

:eq(8) вроде. Это Jquery'вский. А вот чистый css (предпочтительней):
:nth-child(8)
Но они не всегда дают одинаковый результат.

Ну и вместо :first предпочтительней юзать :first-child, если подходит по задаче.

imedia 27.11.2014 21:01

thank you

danik.js 27.11.2014 21:03

Не могу припомнить чтобы приходилось юзать такие селекторы. :first-child - да. :last-child --да, хотя стараюсь избегать. nth-child(n+1) - да, для строк таблицы. nth-child(8) - херня какая-то.

ksa 27.11.2014 21:03

Цитата:

Сообщение от imedia
а как написать например что я восьмой список li хочу а не первый?

Как вариант...

<!DOCTYPE html>
<html>
<head>
<!--
<script src='http://code.jquery.com/jquery-latest.js'></script>
<link rel='stylesheet type=text/css href=tmp.css' />
-->
<style type='text/css'>
li:first-child+li+li+li+li+li+li+li {
	color: red;
}
</style>
<script type='text/javascript'>
</script>
</head>
<body>
<ol>
	<li>0</li>
	<li>1</li>
	<li>2</li>
	<li>3</li>
	<li>4</li>
	<li>5</li>
	<li>6</li>
	<li>7</li>
	<li>8</li>
	<li>9</li>
</ol>
</body>
</html>

imedia 27.11.2014 22:38

мне очень было полезно все работает, thanks


Часовой пояс GMT +3, время: 09:18.