Как настроить таргетинг на все подчеркнутые элементы на странице

Question

Я хочу стилизовать все подчеркнутые элементы на странице, полной сообщений блога WordPress. Когда я открываю инспектор кода, весь текст, который был выделен (с помощью визуального редактора), добавляет стиль span в html. Есть ли способ охватить все эти отдельные промежутки? Я хочу изменить ect цвета/буквы. конкретных слов, которые подчеркнуты.

Я знаю, как это сделать сам с html, но я хочу, чтобы мой клиент мог просто подчеркнуть слова, которые должны быть подчеркнуты в визуальном редакторе, и автоматически настроить его для него. Я не хочу устанавливать его как другой стиль заголовка, потому что он выбирает весь абзац в визуальном редакторе вместо отдельных слов. Предложения? Я смог сделать это с жирным шрифтом, используя: strong, b {} не уверен, что такое подстрочная версия.

EDIT: когда я иду, чтобы посмотреть исходный код страницы он выглядит следующим образом:

<p><strong>Competitor 1&amp;2</strong><br /> 
<em>(Allow no more than 3:00 transitions between EMOMs)</em><br /> 
<span style="text-decoration: underline;">For load:</span><br /> 
Every 1:00 for 10:00<br /> 
1 Jerk in Split + 1 Split Jerk<br /> 
<em>(add 10lbs/5lbs each set)</em></p> 
<p><span style="text-decoration: underline;">For load:</span><br /> 
Every 1:00 for 10:00<br /> 
1 Power Clean + 1 Push Press<br /> 
<em>(add 10lbs/5lbs each set)</em></p> 
<p><span style="text-decoration: underline;">For load:</span><br /> 
Every 1:00 for 10:00<br /> 

Answer 1

В вашем css наведите его так;

span[style*='underline'] { 
    /* CSS goes here */ 
} 

Это будет искать любые span элементов, которые имеют строку underline в их атрибуте style

Answer 2

Вы можете сделать класс CSS на элементе?

<span class="underlined">blablabla</span> 

CSS:

.underlined{text-decoration: underline;} 

Или, если это автоматически генерируемый вам, возможно, придется использовать JavaScript, чтобы извлечь все элементы с этим стилем.