Форум

torsar · #1 (**permalink**) 10.09.2017, 16:49

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

Код:

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

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

рони · #2 (**permalink**) 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 · #3 (**permalink**) 11.09.2017, 15:51

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

Форум

Справочник

Discord чат

Курсы javascript