-1

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

5
  • При чём здесь Javascript и jQuery? Неужели для этого не хватит HTML и CSS?
    – Bharatha
    8 июн 2018 в 18:35
  • всмысле появлялсья ?сколько h3 вам надо ?
    – Randall
    8 июн 2018 в 18:37
  • Чем вам не угодили классы или id? Больше подробностей, пожалуйста
    – andreymal
    8 июн 2018 в 18:37
  • да уж лучше вручную прописать стили через nth-child или ~, чем делать это js'ом 8 июн 2018 в 18:41
  • У вас с автором данного вопроса ru.stackoverflow.com/questions/839113/… не один на двоих заказчик??? Ему приказал верстать извращение, ну тут приказа не использовать классы и идентификаторы)))))
    – Air
    8 июн 2018 в 22:28

2 ответа 2

1

Вариант c использованием SCSS

Пример (т.к здесь нет поддержки препроцессоров) - Codepen

$fontSize: 16px;
$heading: 5;
@for $i from 1 through $heading {
  h3:nth-of-type(#{$i}) {
     font-size: #{$i * $fontSize}
  }
}
<h3>Some Text 1</h3>
<h3>Some Text 2</h3>
<h3>Some Text 3</h3>
<h3>Some Text 4</h3>
<h3>Some Text 5</h3>

0

var h3 = document.querySelectorAll('h3');

h3.forEach(function (el, i) { 
  el.style.fontSize = `${(i + 1) * 16}px`;
});
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<h3>Some Text 1</h3>
<h3>Some Text 2</h3>
<h3>Some Text 3</h3>
<h3>Some Text 4</h3>
<h3>Some Text 5</h3>

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.