테스트:wiki문법(비교)

=== 대괄호 ===

대괄호 ({{{#!wiki style="display:inline-block; font-family:monospace"

\{}}}, {{{#!wiki style="display:inline-block; font-family:monospace"

\}}}})는 컴퓨터가 어디부터 어디까지 읽는 영역을 표시하는 기호이므로, 많은 내용을 한 줄에 넣고 싶다면 대괄호 사이에 굳이 개행을 할 필요 없이 wiki style 문법으로 한 줄로 속성을 적듯이 만들면 된다. 이를테면 앞의 내용인

>{{{#!wiki style="display: inline; font-family: monospace;"

\{{{#!style

/* scoped styles are not supported */

table.colored > tbody > tr > td:first-of-type {

font-weight: bold;

}

table.colored > tbody > tr:nth-of-type(3n) > td:first-of-type {

color: red;

}

table.colored > tbody > tr:nth-of-type(3n + 1) > td:first-of-type {

color: lime;

}

table.colored > tbody > tr:nth-of-type(3n + 2) > td:first-of-type {

color: blue;

}

/* media query is not supported */

@theseed-dark-mode {

table.colored > tbody > tr:nth-of-type(3n) > td:first-of-type {

color: maroon;

}

table.colored > tbody > tr:nth-of-type(3n + 1) > td:first-of-type {

color: green;

}

table.colored > tbody > tr:nth-of-type(3n + 2) > td:first-of-type {

color: navy;

}

}

\}}}\ }}}

부분을 줄여서

>{{{#!wiki style="display: inline; font-family: monospace;"

\{{{#!if s="table.colored > tbody > tr", n=":nth-of-type"

\}}}\{{{#!style

/* scoped styles are not supported */

table.colored > tbody > tr > td:first-of-type {font-weight: bold;}

table.colored > tbody > tr:nth-of-type(3n) > td:first-of-type {color: red;}

table.colored > tbody > tr:nth-of-type(3n + 1) > td:first-of-type {color: lime;}

table.colored > tbody > tr:nth-of-type(3n + 2) > td:first-of-type {color: blue;}

/* media query is not supported */

@theseed-dark-mode {

table.colored > tbody > tr:nth-of-type(3n) > td:first-of-type {color: maroon;}

table.colored > tbody > tr:nth-of-type(3n + 1) > td:first-of-type {color: green;}

table.colored > tbody > tr:nth-of-type(3n + 2) > td:first-of-type {color: navy;}

}

\}}}\ }}}

식으로 줄여도 된다.