diff --git a/advanced.md b/advanced.md index f6f6548..f71634e 100644 --- a/advanced.md +++ b/advanced.md @@ -198,10 +198,12 @@ Alternative (mutual exclusive) blocks example: [2] post_cnt2 ... - + + [/] + */ -When it's necessary to illustrate some valueable class somewhere high in DOM tree: +When it's necessary to illustrate some valueable class somewhere on the upper level in DOM tree: /* diff --git a/basic.md b/basic.md index 9fb17d7..4fbb21d 100644 --- a/basic.md +++ b/basic.md @@ -128,6 +128,23 @@ Key content, complemented with apart substance, is denoted with ellipsis placed */ +## Pseudo elements + +When it's meaningful to depict usage of pseudo-elements just use native notation: +> Just remember about the right placement! + + /* + + post + post_h + ::before + post_h_name + ::before + + ::after + + */ + ## Links In case of complicated structure, it is more convenient to describe structure skeleton with links to compound sections in the beginning of CSS document. diff --git a/legend.md b/legend.md index b6cca9d..830120e 100644 --- a/legend.md +++ b/legend.md @@ -9,11 +9,13 @@ element ( __yes | __no ) __maybe modificators logic element $__dynamic dynamic modificator [element] optional element + re-usable component $[dynamic] dynamically optional element list-item + appears at least 1 time common-item * appears at least 0 times /// code break - [1] variative block marker + [1] variative block marker + [/] variations end marker descendant @ ancestor inheritance % template % template (1) comment link diff --git a/ru/advanced.md b/ru/advanced.md index 4c41d75..7395b6f 100644 --- a/ru/advanced.md +++ b/ru/advanced.md @@ -199,9 +199,11 @@ post_cnt2 ... + [/] + */ -Нужно указать наличие какого-либо ключевого класса где-то высоко в DOM: +Нужно указать наличие какого-либо ключевого класса где-то на верхнем уровне DOM: /* diff --git a/ru/basic.md b/ru/basic.md index f64c363..46cd331 100644 --- a/ru/basic.md +++ b/ru/basic.md @@ -128,6 +128,22 @@ CSSG иллюстрирует структуру HTML в терминологи */ +## Псевдо-элементы + +Когда важно подчеркнуть использование псевдо-элементов в разметке, используйте привычную нотацию: +> Только помните о правильности расположения! + + /* + + post + post_h + ::before + post_h_name + ::before + + ::after + + */ ## Ссылки diff --git a/ru/legend.md b/ru/legend.md index 3324f97..6304199 100644 --- a/ru/legend.md +++ b/ru/legend.md @@ -1,21 +1,23 @@ # Справка по синтаксису - element класс элемента - ... ключевой контент - #name ссылка на часть структуры - span.element конкретизация тэга - element . __fixed без данного класса не используется - element __modificator перечисление возможных модификаторов - element ( __yes | __no ) __maybe комплексная логика модификаторов - element $__dynamic динамический модификатор - [element] опциональный элемент - $[dynamic] динамически опциональный элемент - list-item + появление 1 и более раз - common-item * появление 0 и более раз - /// разрыв кода - [1] маркер вариантного блока - descendant @ ancestor наследование - % template % шаблонизация - (1) ссылка на комментарий - ------------------- отбивка комментариев - (1) comment on code комментарий + element класс элемента + ... ключевой контент + #name ссылка на часть структуры + span.element конкретизация тэга + element . __fixed без данного класса не используется + element __modificator перечисление возможных модификаторов + element ( __yes | __no ) __maybe комплексная логика модификаторов + element $__dynamic динамический модификатор + [element] опциональный элемент + переиспользуемый компонент + $[dynamic] динамически опциональный элемент + list-item + появление 1 и более раз + common-item * появление 0 и более раз + /// разрыв кода + [1] маркер вариантного блока + [/] маркер окончания вариаций + descendant @ ancestor наследование + % template % шаблонизация + (1) ссылка на комментарий + ------------------- отбивка комментариев + (1) comment on code комментарий