Как можно назначить тексту класс?

167
25 июля 2019, 17:30

Хотелось бы стилизовать эти надписи в опросе: "Нравится - 1 (100%)", "Так себе - 0 (0%)" и т.д., но им не назначен никакой класс. Можно ли назначить каждой этой надписи через js один класс для оформления?

Исходный код опроса выглядит так:

<div class="vote_list"><div id="dle-poll-list-118">Нравится - 1 (100%)<br> 
<div class="pollprogress"><span class="poll1" style="width:100%;">100%</span></div>Так себе - 0 (0%)<br> 
<div class="pollprogress"><span class="poll2" style="width:0%;">0%</span></div>Не очень - 0 (0%)<br> 
<div class="pollprogress"><span class="poll3" style="width:0%;">0%</span></div>Мне понравился - 0 (0%)<br> 
<div class="pollprogress"><span class="poll4" style="width:0%;">0%</span></div>Узнать результаты - 0 (0%)<br> 
<div class="pollprogress"><span class="poll5" style="width:0%;">0%</span></div></div></div>

Answer 1

Можно назначить стили для общего контейнера (контейнеров), и затем перебить стилем для тех элементов которые мы можем указать в правиле. Получится тоже самое, как если бы у текста был класс. А вообще, что мешает изменить верстку?

.vote_list { 
  color: red; /* цвет "текста" */ 
} 
 
.pollprogress > span { 
  color: blue; /* цвет "остального текста" */ 
}
<div class="vote_list"><div id="dle-poll-list-118">Нравится - 1 (100%)<br> 
<div class="pollprogress"><span class="poll1" style="width:100%;">100%</span></div>Так себе - 0 (0%)<br> 
<div class="pollprogress"><span class="poll2" style="width:0%;">0%</span></div>Не очень - 0 (0%)<br> 
<div class="pollprogress"><span class="poll3" style="width:0%;">0%</span></div>Мне понравился - 0 (0%)<br> 
<div class="pollprogress"><span class="poll4" style="width:0%;">0%</span></div>Узнать результаты - 0 (0%)<br> 
<div class="pollprogress"><span class="poll5" style="width:0%;">0%</span></div></div></div>

READ ALSO
Выпадающий список при вводе символов
javascript

Выпадающий список при вводе символов

проштудировал много информации, но так и не смог найти нужной

 167
Случайный выбор одной из 4-х функций JS
javascript

Случайный выбор одной из 4-х функций JS

Есть код, в нем описаны 4 типа движения вверх, вниз, влево, вправо (это 4 отдельные ф-и)Помогите написать функцию, которая будет выбирать случайную...

 152
Получение JSON по ссылке
javascript

Получение JSON по ссылке

Я работаю над ботом в discord js и Visual Studio Code

 186
Как найти Max для INT UNSIGNED в MySQL?
MySQL

Как найти Max для INT UNSIGNED в MySQL?

Как найти "SELECT MAX(Поле типа INT UNSIGNED) FROM" для поля типа INT UNSIGNED в MySQL? Получаю ошибку "4294967295 is not a valid value for field 'MAX(ID)'The allowed range is 0 to 2147483647"

 179