<div class="program_single_tour">
<span class="su-highlight tour_day_num" style="background:#cf433a;color:#ffffff"> 1 день </span>
<h3>ПРИБЫТИЕ В ГОРОД</h3>
<ul>
<li>Прибытие </li>
<li>Трансфер </li>
</ul>
<span class="su-highlight tour_day_num" style="background:#cf433a;color:#ffffff"> 2 день </span>
<h3>РЫБАЛКА НА ВОДОПАДЕ</h3>
<ul>
<li>Водное путешествие.</li>
<li>Рыбалка на водопадах.</li>
</ul>
</div>
Есть такая верстка в редакторе WP,
Данный элемент
<span class="su-highlight tour_day_num" style="background:#eee;color:#ffffff"> 1 день </span>
Задаю через шорткод, но есть проблема
Нужно чтоб к ul li:before который первый идет после брало значение background:#eee и подставляло его туда.
ul li:before {
background:#eee;
}
Ну и еще сложней, брать #eee и подставлять его.
ul{
border-left: 6px solid #eee;
Для каждого
<span class="su-highlight tour_day_num" style="background:#eee;color:#ffffff"> 1 день </span>
Буду задавать свой бекграунд , и хотел чтоб он передавал этот цвет в цвет бордера ul и в бекграунт псевдоэлемента.
думаю тут без js не обойтись