Skip to content

Commit 1afb480

Browse files
Eugeny.horoshilovEugeny.horoshilov
authored andcommitted
Minor update
Added pseudo-elements, variations closure
1 parent d0da7b8 commit 1afb480

File tree

6 files changed

+64
-23
lines changed

6 files changed

+64
-23
lines changed

advanced.md

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -198,10 +198,12 @@ Alternative (mutual exclusive) blocks example:
198198
[2]
199199
post_cnt2
200200
...
201-
201+
202+
[/]
203+
202204
*/
203205

204-
When it's necessary to illustrate some valueable class somewhere high in DOM tree:
206+
When it's necessary to illustrate some valueable class somewhere on the upper level in DOM tree:
205207

206208
/*
207209

basic.md

Lines changed: 17 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -128,6 +128,23 @@ Key content, complemented with apart substance, is denoted with ellipsis placed
128128

129129
*/
130130

131+
## Pseudo elements
132+
133+
When it's meaningful to depict usage of pseudo-elements just use native notation:
134+
> Just remember about the right placement!
135+
136+
/*
137+
138+
post
139+
post_h
140+
::before
141+
post_h_name
142+
::before
143+
144+
::after
145+
146+
*/
147+
131148
## Links
132149

133150
In case of complicated structure, it is more convenient to describe structure skeleton with links to compound sections in the beginning of CSS document.

legend.md

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -9,11 +9,13 @@
99
element ( __yes | __no ) __maybe modificators logic
1010
element $__dynamic dynamic modificator
1111
[element] optional element
12+
<social> re-usable component
1213
$[dynamic] dynamically optional element
1314
list-item + appears at least 1 time
1415
common-item * appears at least 0 times
1516
/// code break
16-
[1] variative block marker
17+
[1] variative block marker
18+
[/] variations end marker
1719
descendant @ ancestor inheritance
1820
% template % template
1921
(1) comment link

ru/advanced.md

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -199,9 +199,11 @@
199199
post_cnt2
200200
...
201201
202+
[/]
203+
202204
*/
203205

204-
Нужно указать наличие какого-либо ключевого класса где-то высоко в DOM:
206+
Нужно указать наличие какого-либо ключевого класса где-то на верхнем уровне DOM:
205207

206208
/*
207209

ru/basic.md

Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -128,6 +128,22 @@ CSSG иллюстрирует структуру HTML в терминологи
128128

129129
*/
130130

131+
## Псевдо-элементы
132+
133+
Когда важно подчеркнуть использование псевдо-элементов в разметке, используйте привычную нотацию:
134+
> Только помните о правильности расположения!
135+
136+
/*
137+
138+
post
139+
post_h
140+
::before
141+
post_h_name
142+
::before
143+
144+
::after
145+
146+
*/
131147

132148
## Ссылки
133149

ru/legend.md

Lines changed: 21 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -1,21 +1,23 @@
11
# Справка по синтаксису
22

3-
element класс элемента
4-
... ключевой контент
5-
#name ссылка на часть структуры
6-
span.element конкретизация тэга
7-
element . __fixed без данного класса не используется
8-
element __modificator перечисление возможных модификаторов
9-
element ( __yes | __no ) __maybe комплексная логика модификаторов
10-
element $__dynamic динамический модификатор
11-
[element] опциональный элемент
12-
$[dynamic] динамически опциональный элемент
13-
list-item + появление 1 и более раз
14-
common-item * появление 0 и более раз
15-
/// разрыв кода
16-
[1] маркер вариантного блока
17-
descendant @ ancestor наследование
18-
% template % шаблонизация
19-
(1) ссылка на комментарий
20-
------------------- отбивка комментариев
21-
(1) comment on code комментарий
3+
element класс элемента
4+
... ключевой контент
5+
#name ссылка на часть структуры
6+
span.element конкретизация тэга
7+
element . __fixed без данного класса не используется
8+
element __modificator перечисление возможных модификаторов
9+
element ( __yes | __no ) __maybe комплексная логика модификаторов
10+
element $__dynamic динамический модификатор
11+
[element] опциональный элемент
12+
<social> переиспользуемый компонент
13+
$[dynamic] динамически опциональный элемент
14+
list-item + появление 1 и более раз
15+
common-item * появление 0 и более раз
16+
/// разрыв кода
17+
[1] маркер вариантного блока
18+
[/] маркер окончания вариаций
19+
descendant @ ancestor наследование
20+
% template % шаблонизация
21+
(1) ссылка на комментарий
22+
------------------- отбивка комментариев
23+
(1) comment on code комментарий

0 commit comments

Comments
 (0)