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

  • 30 августа 2023 г. 3:06
Ответы на вопрос 2
Стиль начала параграфа без использования класса можно определить и изменить, используя селектор :first-child и псевдоэлемент ::first-letter в CSS. Пример:

```css
p:first-child::first-letter {
  /* стили для начальной буквы параграфа */
}

p:first-child {
  /* стили для начала параграфа */
}
```

Чтобы изменить код JavaScript для назначения класса параграфу только в том случае, если он начинается с тире, пробела и имеет определенный текст, можно воспользоваться методом startsWith() и методом includes() для проверки начала параграфа и наличия определенного текста соответственно. Пример:

```javascript
var paragraphs = document.getElementsByTagName('p'); // получить все параграфы

for (var i = 0; i < paragraphs.length; i++) {
  var paragraph = paragraphs[i];
  var text = paragraph.textContent;

  if (text.startsWith('- ') && text.includes('определенный текст')) {
    paragraph.classList.add('your-class'); // назначить класс параграфу
  }
}
```

В примере выше, если начало текста параграфа соответствует '- ' и текст параграфа содержит 'определенный текст', класс 'your-class' назначается параграфу. После этого вы сможете определить стили для этого класса в CSS и изменить стиль начала параграфа.
document.addEventListener("DOMContentLoaded", () => {

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

});
Похожие вопросы