Стилизация счетчика.

[warren buffet]

Перехоти назначать класс каждому спану и скрипт будет таким

span.value.innerHTML = '<span>'+chislo.split().join('</span><span>')+'</span>';

Или пиши два раза

span.value.innerHTML = '<span class="number">'+chislo.split().join('</span><span class="number">')+'</span>';

Господи, какой-то бред...

[Spasatel801]

Почему бред то?

[warren buffet]

Я написал цикл поняв так, что тебе надо классы пронумеровать. В этом есть хоть какой-то смысл. Но пихать каждое число в спан - это бредятина.

[warren buffet]

Почему бред то?

Потому что все цифры в счетчик одинаково выглядят. Все одного класса number, стили которого тупо могут быть унаследованы от родителя, то есть span.value.

Это если бы

<span class'"number-1">1</span>
<span class'"number-4">4</span>
<span class'"number-6">5</span>
<span class'"number-8">8</span>

Тогда бредом будет дизайн, а сейчас бредом является сама конструкция.

ЗЫ Могу себе представить какой у тебя там css, при таком понимании CASCADING style sheet ))

[Spasatel801]

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

[warren buffet]

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

div.a-text-up h1 i:before {content:'\f102';}
	div.a-text-up h1+div {max-height:300px;}

	div.a-text-down h1 i:before {content:'\f103';}
	div.a-text-down h1+div {max-height:0px;}

То получаешь один элемент и оперируешь одним правилом.

[warren buffet]

адача чтоб присвоить этот стиль каждой цифре

Блин, это НЕ задача, это браузер сам все делает согласно устройству CSS.

[Spasatel801]

могу показать если интересно:

.number {background-color: #5a6275;color: #e7eeff;text-shadow: 0px 4px 0px rgba(0,0,0,0.21);}
.number {-webkit-transition: background .4s;transition: background .4s;display: inline-block;vertical-align: top;padding: 0 5px;border-radius: 4px;font-size: 2.43333em;position: relative;z-index: 0;}
.number:before {content: '';position: absolute;z-index: -1;width: 100%;height: 1px;left: 0;top: 50%;}
.number:before {background-color: #a0a9c0;}

[warren buffet]

<style>

.value {

font-weight:700;
font-size:x-small;
padding:10px;
background:#ddd;

}

.value span {

font-weight:300;
font-size:normal;
background: #eee;
letter-spacing:10px;
padding:5px 5px 5px 10px;

}
</style>

<span class="value">

Тут у нас счетчик

<span>0716262</span>

[warren buffet]

могу показать

Лучше бы не показывал. Зачем ты по несколько раз одно правило пишешь?

Я так и думал, что тебе нужны отступы между цифрами. Ну рисуй спаны, хотя можешь обойтись любым другим коротким тегом типа b или i