Как идентифицировать и стилизовать начало параграфа без класса: по признаку комбинации общих символов?
В коде html есть конструкции: <p>— Некий рандомный текст.</p>. У них нет своего класса.
По указанному признаку «тире, пробел, некий рандомный текст.», мне нужно отловить это условие и стилизовать параграф путём назначения ему класса. Например: <p class="mdashstring">— Некий рандомный текст</p>. Само собой, цель в том, чтобы остальные параграфы — не имеющие тире и пробела вначале — должны остаться как есть.
Через «голый» CSS это не решается даже условными операторами. Джаваскриптом не владею, поэтому прошу подсказать — какой код js я мог бы применить для решения задачи?
Дополнительно:
Если нет кода, не надо ставить тэг языка.
document.addEventListener("DOMContentLoaded", () => { document.querySelectorAll('p').forEach(p => { if (p.textContent.startsWith('— ')) { p.classList.add('mdashstring'); } }); }); |
document.addEventListener("DOMContentLoaded", () => { document.querySelectorAll('p').forEach(p => { if (p.textContent.startsWith('— ')) { p.classList.add('mdashstring'); } }); });
- там буквы "s" нехватает)
- szQocks, спс, поправил
- Круто! Большое спасибо. Теперь у меня диалоги со вменяемой висячкой. И теперь я знаю — к кому бечь ; ))
Опишите проблему, и специалист поможет с настройкой, исправлением ошибки или доработкой сайта. Подберём понятный план работ без лишней переписки.
Пока нет других ответов. Будьте первым, кто поможет автору.
Ответить на вопрос
Для идентификации и стилизации начала параграфа без класса по признаку комбинации общих символов в HTML можно использовать селекторы атрибутов. Например, если у вас есть параграфы, начинающиеся с определенной комбинации символов, вы можете применить стили к ним с помощью CSS.
Для этого вы можете использовать селектор атрибута начала (^), который выберет элементы, у которых значение атрибута начинается с указанной строки. Например, если ваши параграфы начинаются с символов "ABC", то вы можете применить стили к ним следующим образом:
p[class^="ABC"] { /* Ваши стили здесь */ }
Этот селектор выберет все параграфы, у которых класс начинается с "ABC". Вы можете использовать это для применения стилей к параграфам без класса, но с определенной комбинацией символов в начале.
Помимо этого, вы также можете использовать селектор атрибута содержит (*) или селектор атрибута заканчивается ($), в зависимости от вашего конкретного случая. Например, если ваши параграфы содержат определенную комбинацию символов в середине или в конце, вы можете использовать соответствующие селекторы.
Таким образом, вы сможете идентифицировать и стилизовать начало параграфа без класса, используя комбинацию символов в начале, середине или конце параграфа с помощью селекторов атрибутов в CSS.