psevdo-klasi_css

Различия

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

Ссылка на это сравнение

Предыдущая версия справа и слева Предыдущая версия
Следующая версия 		Предыдущая версия
psevdo-klasi_css [2023/09/21 20:28]
tro [nth-child] 		psevdo-klasi_css [2023/09/21 20:29] (текущий)
tro [odd]
Строка 24: Строка 24:
 ==== even ==== ==== even ====
 Для вибору всіх парних елементів можна використовувати формулу 2n або її псевдонім — значення even, зарезервоване слово. Для вибору всіх парних елементів можна використовувати формулу 2n або її псевдонім — значення even, зарезервоване слово.
 +<code>
 +.list-item:nth-child(2n) {
 +  background-color: orange;
 +}
 +
 +/* Аналогічно використовуючи псевдонім */
 +.list-item:nth-child(even) {
 +  background-color: orange;
 +}
 +</code>
 ==== odd ==== ==== odd ====
 Для вибору непарних елементів можна використовувати формулу 2n + 1 або її псевдонім — значення odd, зарезервоване слово. Для вибору непарних елементів можна використовувати формулу 2n + 1 або її псевдонім — значення odd, зарезервоване слово.
 +<code>
 +.list-item:nth-child(2n + 1) {
 +  background-color: orange;
 +}
  
 +/* Аналогічно використовуючи псевдонім */ 
 +.list-item:nth-child(odd) { 
 +  background-color: orange; 
 +} 
 +</code>
 ===== not()===== ===== not()=====
 дозволяє вибрати всі елементи, що не підходять під критерій. дозволяє вибрати всі елементи, що не підходять під критерій.
  • /sites/data/attic/psevdo-klasi_css.1695328115.txt.gz
  • Последнее изменение: 2023/09/21 20:28
  • — tro