Не получается выделить первую букву через псевдоэлемент

denis_alekss · December 14, 2020

Как первую букву в слове "Новье" выделить жирным штифтом и цветом?

<!DOCTYPE HTML>
<html>
 <head>
  <meta charset="utf-8">
  <title>Псевдоэлементы</title>
  <style>
   P.new:after {
    content: " - Новьё!"; /* Добавляем после текста абзаца */
		
   }
  </style>
 </head>
 <body>
  <p class="new">Ловля льва в пустыне с помощью метода золотого сечения.</p>
  <p>Метод ловли льва простым перебором.</p>
 </body>
</html>

klierik · December 15, 2020

Здравствуйте.

В приведённом Вами примером боюсь что никак. Браузер не предоставляет возможности обращаться к контенту таким образом. Так же нельзя обратится к первой "букве", но можно обратится к первому символу вот так:

Для того что бы осуществить нечто подобное в Вашем случае — адаптируйте разметку.

denis_alekss · December 15, 2020

Ваш пример выше неплохой, но он выделит первую букву каждого предложения, а мне нужно именно слова Новье

klierik · December 16, 2020

Мой пример показывает как такие задачи реализовываются в web, средствами CSS.

Если говорить о псевдоним-элементах, как в Вашем примере, то, на данный момент, это не осуществимо.

Sign In

Не получается выделить первую букву через псевдоэлемент

Question

denis_alekss

Link to comment

Share on other sites

3 answers to this question

Recommended Posts

klierik

Link to comment

Share on other sites

denis_alekss

Link to comment

Share on other sites

klierik

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information