0

Есть у меня,например, скриптовая надпись,которая отображает день недели(или же 2+ слов),и мне нужно,используя чистый css и зная название селектора надписи,задать одинаковый фон для каждого символа (фоном выступит газоразрядный индикатор).Как это реализовать,и есть ли другие варианты?

<div class="value b-tooltipped" data-direction="top" original-title="сколько дней я уже не грущу">2 дня </div>

Как я уже говорил,есть возможность редактировать только css.

6
  • Хорошо бы увидеть ваш код, строение, пример....
    – Arsen
    7 апр 2018 в 10:33
  • Толку от этого мало,но код написал. 7 апр 2018 в 10:42
  • т.е вам надо задать фон для каждого символа(цыфра и буквы по отдельности): 2 д н я ?
    – Arsen
    7 апр 2018 в 10:45
  • Да,именно так и нужно. 7 апр 2018 в 10:46
  • А доступы к HTML имеете ? точнее есть возможность обработать текст и каждый символ обернуть в <span></span> ?
    – Arsen
    7 апр 2018 в 10:50

1 ответ 1

0

В CSS нет возможности обратиться к каждому символу в слове, но если есть возможность обработать текст и каждый символ обернуть в контейнер (например SPAN), то можно будет обратиться к каждому симвлу по отдельности.
P.S если необходимо обратиться только к первому символу, можно использовать ::first-letter

.box span{
color:#fff;
padding:2px;
}

.box span:nth-of-type(1){
background:red;
}
.box span:nth-of-type(2){
background:blue;
}
.box span:nth-of-type(3){
background:grey;
}
.box span:nth-of-type(4){
background:green;
}
<div class="box">
<span>2</span>
<span>д</span>
<span>н</span>
<span>я</span>
</div>

Ваш ответ

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

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