<div class="fz26">...</div>
, то в css должно быть .fz26 {
font-size: 26px;
}
, если вы хотите "налету" такое делать, то я способов не знаю.$fz: 12, 26; //устанаваливаете диапазон значений от 12 до 26
@for $i from nth($fz, 1) through nth($fz, 2) {
.fz#{$i} {
font-size: #{$i}px;
}
} //генерите css
.fz12 {
font-size: 12px;
}
.fz13 {
font-size: 13px;
}
...
function rower() {
var x=document.getElementsByTagName("input");
var summa=document.getElementById('summa');
var msg='';
var price=0;
summa.textContent='';
for (var i = 0 ;i<x.length; i++) {
if (x[i].checked) {
msg +=x[i].name;
price +=parseInt(x[i].value);
summa.textContent= msg+ '=' + price;
}
}
}
<!-- дивы, по которым надо кликнуть -->
<div data-id="div1" class="selector"></div>
<div data-id="div2" class="selector"></div>
...
<!-- див, в котором будет текст выводиться -->
<div id="content"></div>
<!-- скрытые дивы, в которых тексты, которые будут выводиться по клику -->
<div style="display:none;" data-id="div1" class="infoText">Text 1</div>
<div style="display:none;" data-id="div2" class="infoText">Text 2</div>
$('.selector').click(function() {
var id = $(this).data('id'); // получаем значение из атрибута data-id дива, на который кликнули
var htmlToShow = $('div.infoText[data-id="' + id + '"]').html(); // получаем текст из скрытого дива с таким же data-id
$('#content').html(htmlToShow); // профит
});