Инструменты пользователя

Инструменты сайта


css:selectors

Различия

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

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

Предыдущая версия справа и слеваПредыдущая версия
Следующая версия
Предыдущая версия
css:selectors [2022/11/10 14:13] – [Фильтр по месту среди соседей] so_v_acss:selectors [2026/08/06 09:25] (текущий) – so_v_a
Строка 1: Строка 1:
 +<!DOCTYPE markdown>
 +
 # CSS. Селекторы # CSS. Селекторы
 +
 ## Основные виды селекторов ## Основные виды селекторов
  
Строка 22: Строка 25:
 ``` ```
  – элемент **a** с данным **id**, классами **c1** и **c2**, и псевдоклассом **visited**  – элемент **a** с данным **id**, классами **c1** и **c2**, и псевдоклассом **visited**
- 
  
 ## Отношения ## Отношения
Строка 42: Строка 44:
 div ~ p  div ~ p 
 ``` ```
- – правые соседи: все p на том же уровне вложенности, которые идут после div. + – правые соседи: все p на том же уровне вложенности, которые идут после div.   
- +
 ```css ```css
 div + p div + p
 ``` ```
-  – первый правый сосед: p на том же уровне вложенности, который идёт **сразу после** div (если есть).+ – первый правый сосед: p на том же уровне вложенности, который идёт **сразу после** div (если есть). 
 + 
 ## Фильтр по месту среди соседей ## Фильтр по месту среди соседей
  
Строка 63: Строка 67:
  - :nth-child(3n+2) даст элементы номер 2, 5, 8 и так далее.  - :nth-child(3n+2) даст элементы номер 2, 5, 8 и так далее.
  
-* `:nth-last-child(a)`, `:nth-last-child(an+b)` – то же самое, но отсчёт начинается с конца. Например:  +- **:nth-last-child(a)**, **:nth-last-child(an+b)** – то же самое, но отсчёт начинается с конца. Например: 
- * Элемент ненумерованного списка: `:nth-last-child(2)` – второй элемент с конца.+  * Элемент ненумерованного списка: `:nth-last-child(2)` – второй элемент с конца.
  
  
Строка 117: Строка 121:
 ## Псевдоэлементы ::before, ::after ## Псевдоэлементы ::before, ::after
  
-«Псевдоэлементы» – различные вспомогательные элементы, которые браузер записывает или может записать в документ.+«[[psevdoelement|Псевдоэлементы]]» – различные вспомогательные элементы, которые браузер записывает или может записать в документ.
  
 При помощи псевдоэлементов ::before и ::after можно добавлять содержимое в начало и конец элемента. При помощи псевдоэлементов ::before и ::after можно добавлять содержимое в начало и конец элемента.
  
  
/var/www/html/dokuwiki/data/attic/css/selectors.1668089623.txt.gz · Последнее изменение: (внешнее изменение)