Не работает ::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, время: 11:33. |