Различия

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

--- sposobi_viboru_selektoru_dlja_stilju [2023/09/14 18:03]
tro
+++ sposobi_viboru_selektoru_dlja_stilju [2023/12/26 18:26] (текущий)
tro
@@ Строка 1: / Строка 1: @@
 ====== Способи вибору селектору для стилю ======
+[[https://www.w3schools.com/cssref/css_selectors.php|Документація по варінтам селекторів]]
 ===== по * =====
   * До усіх єлементів практично примусово. Його вага меньше за селектору по тегу
@@ Строка 16: / Строка 17: @@
 p{color: cyan;}
 </code>
-===== по глобальному атрибуту id =====
+===== по id =====
 В ідеалі повинен бути уникальним. Але працює і так.
   - html додаєемо параметр id="myid"
@@ Строка 41: / Строка 42: @@
 <code>
 <a href="" class="header-logo link">
+</code>
+===== По data-атрибуту =====
+Будь-який атрибут, ім'я якого починається з data-, є data-* атрибутом. Припустимо, у нас є стаття і ми хочемо зберегти додаткову інформацію без візуального подання. Для цього можна використовувати data-атрибути:
+<code>
+<article
+  id="electriccars"
+  data-columns="3"
+  data-index-number="12314"
+  data-parent="cars">
+  ...
+</article>
 </code>