Оформление ol li - help - Веб-строительство - Сайтостроение

183

zaxavar

10 мая 2015, 11:00

622

Здравствуйте!

Бьюсь пару часов, не могу получить рещультат.

С ul li - разобрался.

Теперь надо, чтобы в списках ol у цифр были свои стили...

Сделал так:

div.itemFullText ol li {
	list-style-type: none;
}


div.itemFullText ol li:before {
    content: counter(item) ". ";
    counter-increment: item;
    color: #30BD00;
    font-size: 17px;
    padding-right: 0.5em;
}

Цифры как надо, другого цвета, но они не нумеруются, то есть у всех пунктов списка отображается 1.

Спасибо.

Вместо или вместе с Adsene - Adsterra - https://publishers.adsterra.com/referral/wf8uqXSYuu Раcскажу, подскажу.

S1

72

spider13

10 мая 2015, 11:49

#1

zaxavar:
Здравствуйте!
Бьюсь пару часов, не могу получить рещультат.
С ul li - разобрался.
Теперь надо, чтобы в списках ol у цифр были свои стили...

Сделал так:

div.itemFullText ol li {

	list-style-type: none;

}





div.itemFullText ol li:before {

    content: counter(item) ". ";

    counter-increment: item;

    color: #30BD00;

    font-size: 17px;

    padding-right: 0.5em;

}

Цифры как надо, другого цвета, но они не нумеруются, то есть у всех пунктов списка отображается 1.
Спасибо.

А кто будет counter-reset указывать?

div.itemFullText ol li {

	list-style-type: none;

}



div.itemFullText ol {

	counter-reset: item 0;

}





div.itemFullText ol li:before {

    content: counter(item) ". ";

    counter-increment: item;

    color: #30BD00;

    font-size: 17px;

    padding-right: 0.5em;

}

1

183

zaxavar

10 мая 2015, 13:28

#2

Спасибо!

Я reset вставлял сюда

div.itemFullText ol li {

	list-style-type: none;

        counter-reset: item 0;

}

честно говоря, до сих пор не понимаю разницу...

Что делать, если ваша email-рассылка попала в спам

Курс биткоина превысил $50 тысяч

Оформление ol li - help