тоже ведь как вариан ты прав, так проще. Надо подумать над этим

Ради чего оформлять каждую циферку, но если так хочется, то вот тебе.

<style>

.value {

padding:20px;
outline:1px solid red;


}

.value span {

border:1px solid #aaa;
border-radius: 3px;
background: #eee;
text-align:center;
line-height:15px;
padding: 0 3px;
margin: 0 3px;


}

</style>


<span class="value"></span>


<script>

var chislo='123653832';

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

</script>

Спасибо...то что надо

Если ты будешь прописывать рулезы каждому блин элементу, у тебя никакой фантазии не хватит. CSS потому и C, что позволяет элементам наследовать целый ряд свойств от родителей, и по селекторам браузер сам найдет нужный элемент даже если у него нет никаких class="". Конечно тогда верстка получается сшита со стилями, но обычно все сшивают один раз и надолго. Только там, где что-то меняется, имеет смысл втыкать классы непосредственно, чтобы иерархия не колебла.

То есть например

figure.c-tmb > a > img {/* стили для картинки */}

это значит в хтмле должно быть

<figure class="c-tmb"><a><img>...

Чтобы поменять оформление img, можно или

<figure class="c-tmb mod-tmb">

и пишешь как изменить в mod-tmb, или

<div class="mod-tmb"><figure><a><img>

и в div.mod-tmb>figure a img пишешь уже чего надо.

PS Это ты бустрапов не видел, и ихними LESS и SASS ))

все я видел и работаю с бутстрапом и материализе.

А, вот где ты научился определять одно правило по два раза. )))