Как идентифицировать и стилизовать начало параграфа без класса: по признаку комбинации общих символов?

Question

[Шигаев.]

В коде html есть конструкции: <p>— Некий рандомный текст.</p>. У них нет своего класса.

По указанному признаку «тире, пробел, некий рандомный текст.», мне нужно отловить это условие и стилизовать параграф путём назначения ему класса. Например: <p class="mdashstring">— Некий рандомный текст</p>. Само собой, цель в том, чтобы остальные параграфы — не имеющие тире и пробела вначале — должны остаться как есть.

Через «голый» CSS это не решается даже условными операторами. Джаваскриптом не владею, поэтому прошу подсказать — какой код js я мог бы применить для решения задачи?

Comments

[Модератор]

Если нет кода, не надо ставить тэг языка.

Answer 1

[Сергей delphinpro]

document.addEventListener("DOMContentLoaded", () => {

  document.querySelectorAll('p').forEach(p => {
    if (p.textContent.startsWith('— ')) {
      p.classList.add('mdashstring');
    }
  });

});

Comments

[szQocks]

там буквы "s" нехватает)

[Сергей delphinpro]

szQocks, спс, поправил

[Шигаев.]

Круто! Большое спасибо. Теперь у меня диалоги со вменяемой висячкой. И теперь я знаю — к кому бечь ; ))