Тройка вопросов по CSS [закрыт]

Если очень вкратце и не по теории:

1 и 2) - Псевдоэлементы ::before и ::after нужны для того, чтобы засунуть что-нибудь до или после элементов. Применяются только к парным тегам (это те, которые закрываются, например ). Св-во content в них (да и не только) применяется для того, чтобы всунуть в них что-нибудь, например текст (крайне не рекомендуется). Чаще всего такое используется тогда, когда у элемента есть, скажем 3 разные картинки в оформлении.

3) id - атрибут у элемента, имеющий почти максимальный вес при разборе css, должен быть только 1 на странице, современные требования криворуких разработчиков гласят, что id должен применяться только когда это нужно в JS (на самом деле, им просто лень следить за уникальностью). class служит для присвоения некоторых св-в к элементу, причем их можно вешать на разные элементы, дабы не плодить код, например:

.grey-text{ color:#252525; }
<p class="grey-text">Some text</p>
<span class="grey-text">Another some text</span>

Имеет вес, меньший чем id, но эта информация сейчас не столь важна.

1) При использовании псевдоэлементов before и after может понядобиться вставить в них какой либо текст, например для блока с ценой можно добавить псевдоэлемент и вставить в него символ валюты. 2) Может пригодиться для оформления. Часто используют для кастомизации списков и других элементов у которых нет нужных сss свойств. Например можно добавить уголок к блоку коментария и многое другое. 3) id - уникальный идентификатор который используют для единичного экземпляра, обычно используют когда такой элемент 1, либо когда нужно что-нибудь делать с элементом средствами js class - можно прицепить хоть к 100000 элементов, используют для оформления нескольких и более идентичных элементов