Псевдоэлементы :before и :after

@qwertyuserc · Регистрация: 12.11.2017

Author24 — интернет-сервис помощи студентам

Как строить элементы с помощью псевдоклассов :before и :after?

@Denno · 16.01.2018, 00:14

Это не псевдоклассы, а псевдоэлементы.

CSS

::after {
    content: "Какой-то дополнительный контент";
    background: #333;
    color: #fff;
    font-size: 1.2rem;
    padding: 5px;
}

@qwertyuserc · 16.01.2018, 00:18 **[ТС]**

Не совсем понял что произошло и откуда взялся "Какой-то дополнительный контент" с серым фоном,а если убрать ::after от div например,то красится фон. Что делает after?

@Denno · 16.01.2018, 00:20

after добавляет контент после элемента
before добавляет контент перед элементом

@Htext · 18.01.2018, 18:09

Сообщение от qwertyuserc

если убрать ::after от div

Вы бы код привели, а то угадывать не получается.

@qwertyuserc · 18.01.2018, 18:28 **[ТС]**

Код в примере Denno

@qwertyuserc 0 / 0 / 0 Регистрация: 12.11.2017 Сообщений: 49
		1
	Псевдоэлементы :before и :after 15.01.2018, 23:59. Показов 565. Ответов 5 Метки нет (Все метки) Как строить элементы с помощью псевдоклассов :before и :after? 0

@qwertyuserc 0 / 0 / 0 Регистрация: 12.11.2017 Сообщений: 49
	16.01.2018, 00:18 [ТС]	3
	Не совсем понял что произошло и откуда взялся "Какой-то дополнительный контент" с серым фоном,а если убрать ::after от div например,то красится фон. Что делает after? 0

@Denno 98 / 101 / 30 Регистрация: 21.10.2012 Сообщений: 320
	16.01.2018, 00:20	4
	after добавляет контент после элемента before добавляет контент перед элементом 0

@Htext 357 / 118 / 20 Регистрация: 08.01.2015 Сообщений: 1,366 Записей в блоге: 1
	18.01.2018, 18:09	5
	Сообщение от qwertyuserc если убрать ::after от div Вы бы код привели, а то угадывать не получается. 0

@qwertyuserc 0 / 0 / 0 Регистрация: 12.11.2017 Сообщений: 49
	18.01.2018, 18:28 [ТС]	6
	Код в примере Denno 0