Оффсет для списка

[betmakh]

Всем доброго времени суток!

Интересует такой вопрос: как делать отступы для элементов списка <li>, да не простые, а такие чтобы отступ каждого последующего элемента увеличивался по сравнению с предыдущим на некое заданное значение как здесь: http://prntscr.com/3ucu83

 

Как сделать чтобы отступ каждого последующего элемента списка был больше отступа предыдущего элемента?

 

Есть ли какой нибудь универсальный псевдокласс или элемент где можно бы было задать параметр увеличения отступа, чтобы не прописывать отступ на каждом элементе отдельно?

Edited June 19, 2014 by betmakh

[Great Rash]

ul {

  list-style: none;

  padding: 0 0 0 1em;

}

[betmakh]

ul {  list-style: none;  padding: 0 0 0 1em;}

 

Но ведь это совсем не то о чем я справшивал

[Kelin]

Как вариант, можно вкладывать ul друг в друга.

<ul><li>Тест</li><ul><li>Тест 2</li><ul><li>Тест 3</li></ul></ul></ul>

А для <ul> применить отступ

ul {padding:0 0 0 10px;}

Не совсем понял, что требуется, ибо ссылка на пример выдает 404

[betmakh]

Как вариант, можно вкладывать ul друг в друга.

<ul><li>Тест</li><ul><li>Тест 2</li><ul><li>Тест 3</li></ul></ul></ul>

А для <ul> применить отступ

ul {padding:0 0 0 10px;}

Не совсем понял, что требуется, ибо ссылка на пример выдает 404

http://prntscr.com/3ucu83

[DivMan]

для каждого пункта списка увеличиваешь padding-left на 50px

Edited June 19, 2014 by DivMan

[Kelin]

Тогда я правильно понял, и к <ul> допишите в стилях list-style:none;

[betmakh]

для каждого пункта списка увеличиваешь padding-left на 50px

 

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

[DivMan]

 

для каждого пункта списка увеличиваешь padding-left на 50px

 

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

 

Это так трудно?

[betmakh]

 

 

для каждого пункта списка увеличиваешь padding-left на 50px

 

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

 

Это так трудно?

 

 

Это не трудно, и тем не менее мой вопрос остается прежним: есть ли какой нибудь универсальный псевдокласс или элемент где можно бы было задать параметр увеличения отступа, чтобы не прописывать отступ на каждом элементе отдельно?

[Great Rash]

Как вариант, можно вкладывать ul друг в друга.

<ul> нельзя вкладывать друг в друга. внутри <ul> может быть только <li>

 

Но ведь это совсем не то о чем я справшивал

Это именно то, о чем вы спрашивали.

[Kelin]

Ах, если бы в CSS были переменные... 

 

Как вариант, можно вкладывать ul друг в друга.

<ul> нельзя вкладывать друг в друга. внутри <ul> может быть только <li>

 

Но большинству все равно, многоуровневые меню в основном так и делаются.

[Great Rash]

Но большинству все равно, многоуровневые меню в основном так и делаются.

Но можно же сделать валидно. 

[afdw]

Ах, если бы в CSS были переменные... 

Ну, не сказать, что их совсем нет... 

http://htmlbook.ru/css/counter-increment

Edited June 19, 2014 by afdw

[Kelin]

Но можно же сделать валидно. 

 

Это-то понятно.

Но, кстати, у меня валидатор никогда на такие конструкции не жаловался.

[afdw]

А зачем в этом случае вообще ul>li? Тогда легче обойтись div!

[Great Rash]

Вопрос был про <li>, ответили про <li>.

[Kelin]

 

Ах, если бы в CSS были переменные... 

Ну, не сказать, что их совсем нет... 

http://htmlbook.ru/css/counter-increment

 

Про каунтеры я знаю, но это не совсем то)

[alex.kv]

Тут у вас не много вариантов. Либо использовать данный метод

 

Но большинству все равно, многоуровневые меню в основном так и делаются.

Но можно же сделать валидно. 

 

либо писать это на javaScript http://learn.javascript.ru/css-selectors

[SelenIT]

А если так?

[Great Rash]

Какой грязный хак Но плюсану на всякий пожарный