Различия

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

--- psevdo-klasi_css [2023/09/21 20:27]
tro [nth-child]
+++ psevdo-klasi_css [2023/09/21 20:29] (текущий)
tro [odd]
@@ Строка 20: / Строка 20: @@
 .someitem:nth-child(5){
 margin-bottom: red
+}
+</code>
+==== even ====
+Для вибору всіх парних елементів можна використовувати формулу 2n або її псевдонім — значення even, зарезервоване слово.
+<code>
+.list-item:nth-child(2n) {
+  background-color: orange;
+}
+/* Аналогічно використовуючи псевдонім */
+.list-item:nth-child(even) {
+  background-color: orange;
+}
+</code>
+==== odd ====
+Для вибору непарних елементів можна використовувати формулу 2n + 1 або її псевдонім — значення odd, зарезервоване слово.
+<code>
+.list-item:nth-child(2n + 1) {
+  background-color: orange;
+}
+/* Аналогічно використовуючи псевдонім */
+.list-item:nth-child(odd) {
+  background-color: orange;
 }
 </code>