Javascript-форум (https://javascript.ru/forum/)
-   (X)HTML/CSS (https://javascript.ru/forum/xhtml-html-css/)
-   -   Не работает ::first-letter для strong (https://javascript.ru/forum/xhtml-html-css/70502-ne-rabotaet-first-letter-dlya-strong.html)

torsar 10.09.2017 16:49

Не работает ::first-letter для strong
 
<div>
		На этапе становления Всемирной паутины не стоял вопрос типографического дизайна (в стиле глянцевых журналов) страниц и сайтов, 
		никто и не думал о том, что
		<strong>текст должен выглядеть красиво.</strong> Теперь же это важно. В CSS для форматирования
		текста предусмотрено два псевдоэлемента — :first-letter и :first-line. Их использование придаст вашим веб-страницам изящное оформление, 
		которым печатные
		издания обладают уже на протяжении многих лет.
</div>


Код:

div strong::first-letter {
                        color: green;
                        font-size: 1.5em;
                }

Не работает.
Почему?

рони 10.09.2017 17:29

torsar,
<!DOCTYPE html>

<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
  div strong {display: inline-block;}
  div strong:first-letter{
      color: green;
      font-size: 1.5em;
    }
  </style>

</head>

<body>
<div>
    На этапе становления Всемирной паутины не стоял вопрос типографического дизайна (в стиле глянцевых журналов) страниц и сайтов,
    никто и не думал о том, что
    <strong>текст должен выглядеть красиво.</strong> Теперь же это важно. В CSS для форматирования
    текста предусмотрено два псевдоэлемента — :first-letter и :first-line. Их использование придаст вашим веб-страницам изящное оформление,
    которым печатные
    издания обладают уже на протяжении многих лет.
</div>

</body>
</html>

Rasy 11.09.2017 15:51

Двойное двоеточие используется для псевдоэлементов, а одинарное для псевдоклассов. Это стандарт.


Часовой пояс GMT +3, время: 17:48.