Различия

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

--- sposobi_viboru_selektoru_dlja_stilju [2023/12/26 18:02]
tro
+++ sposobi_viboru_selektoru_dlja_stilju [2023/12/26 18:26] (текущий)
tro
@@ Строка 1: / Строка 1: @@
 ====== Способи вибору селектору для стилю ======
+[[https://www.w3schools.com/cssref/css_selectors.php|Документація по варінтам селекторів]]
 ===== по * =====
   * До усіх єлементів практично примусово. Його вага меньше за селектору по тегу
@@ Строка 43: / Строка 44: @@
 </code>
 ===== По data-атрибуту =====
+Будь-який атрибут, ім'я якого починається з data-, є data-* атрибутом. Припустимо, у нас є стаття і ми хочемо зберегти додаткову інформацію без візуального подання. Для цього можна використовувати data-атрибути:
+<code>
+<article
+  id="electriccars"
+  data-columns="3"
+  data-index-number="12314"
+  data-parent="cars">
+  ...
+</article>
+</code>
 ===== по селектору нащадка (X Y) =====