psevdo-klasi_css

Это старая версия документа!


Псевдо-класи CSS

  • first-child - звернення до першого дочерного єлементу
  • last-child - звернення до останнього дочерного єлементу
  • nth-child(5) - звернення до 5го дочерного
  • nth-child(2n+0) - кожен другий дочерний єлемент (a-починаючи кожен який, n-не чіпаємо, + зміщеення 0) з верху вниз
  • nth-child (even) - парні
  • nth-child (odd) - не парні
  • nth-child(-n+3) - усе крім третьего
  • nth-last-child(2n+0) - кожен другий дочерний єлемент (a-починаючи кожен який, n-не чіпаємо, + зміщеення 0) з низу у верх
.someitem:nth-child(5){
margin-bottom: red
}

дозволяє вибрати всі елементи, що не підходять під критерій. Критерій вказується у вигляді простого селектора, записаного в дужках. Простий селектор — це універсальний селектор, селектор типу, ідентифікатора, атрибута, класу чи псевдокласу.

.list-item:not(:last-child) {
  margin-bottom: 20px;
}

Іньше

  • /sites/data/attic/psevdo-klasi_css.1695327999.txt.gz
  • Последнее изменение: 2023/09/21 20:26
  • tro