Различия

Показаны различия между двумя версиями страницы.

--- psevdo-elementi_css [2023/09/26 17:29]
tro
+++ psevdo-elementi_css [2023/09/27 19:23] (текущий)
tro
@@ Строка 3: / Строка 3: @@
   * ::after - створює псевдоелемент після всього вмісту елемента (наприкінці).
-Наслідують стилі тих єлементів до котрих псевдло-елемент додаєтся. Завжди є "дідьми"
+Наслідують стилі тих єлементів до котрих псевдло-елемент додаєтся. Завжди є "дітьми"
 <code>
@@ Строка 27: / Строка 27: @@
 }
 </code>
+Одночасне присвоювання однакових параметрів в before і after
+<code>
+.box::before, .box::after {
+	font-size: 30px;
+}
+</code>
+===== Властивості =====
+  * **content** - дозволяє додати текстовий контент всередину псевдоелемента. Ця властивість __є обов’язковою__, без неї браузер просто не створить псевдоелемент. Якщо за макетом текстовий контент не потрібний, його значенням необхідно поставити порожній рядок.
+  * **hover** -  щоб змінити стилі псевдоелемента при події на батьківському елементі