Не работает ::first-letter для strong
<div> На этапе становления Всемирной паутины не стоял вопрос типографического дизайна (в стиле глянцевых журналов) страниц и сайтов, никто и не думал о том, что <strong>текст должен выглядеть красиво.</strong> Теперь же это важно. В CSS для форматирования текста предусмотрено два псевдоэлемента — :first-letter и :first-line. Их использование придаст вашим веб-страницам изящное оформление, которым печатные издания обладают уже на протяжении многих лет. </div> Код:
div strong::first-letter { Почему? |
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> |
Двойное двоеточие используется для псевдоэлементов, а одинарное для псевдоклассов. Это стандарт.
|
Часовой пояс GMT +3, время: 17:48. |