테스트:wiki문법(비교)

보기 RAW Blame 되돌리기 비교

 r43 vs r44
 ...
 이렇게 하기에는 작업이 오래 걸려서 --귀찮--어려우므로, 응용만 해볼 수 있다면 [[틀:도트]]같은 틀을 만들어놓고 직접 그려볼 수 있다.
 == style ==
-Backend: 4200ff9; Frontend: bda2cf7; 업데이트가 있을 때 추가된 문법으로 추정된다. 앞의 위키(wiki)와는 다르게 여러 가지를 설정한 구성 한 덩어리를 하나의 이름으로 저장할 수 있는 문법이다. [[https://namu.wiki/thread/ExuberantUptightJoblessBeggar#31|시범을 보이는 댓글]]에서 보다시피 스레드에도 지원이 마찬가지로 wiki 계열과 연동된다. 특이하게 구성을 잘 살펴보면 html(hypertext markup language)에서 '''t'''able '''r'''ow, '''t'''able '''d'''ata를 줄여 tr, td로 부르는 부분을 볼 수 있다.
+Backend: 4200ff9; Frontend: bda2cf7; 업데이트가 있을 때 추가된 문법으로 추정된다. 앞의 위키(wiki)와는 다르게 여러 가지를 설정한 구성들 한 뭉치를 하나의 이름으로 저장할 수 있는 문법이다. [[https://namu.wiki/thread/ExuberantUptightJoblessBeggar#31|시범을 보이는 댓글]]에서 보다시피 스레드에도 지원이 되는 점을 보면 일반적인 \{{{#!wiki \}}} 로 마감되는 문법들과 연동된다. 특이하게 구성을 잘 살펴보면 html(hypertext markup language)에서 '''t'''able '''r'''ow, '''t'''able '''d'''ata를 줄여 tr, td로 부르는 부분과 tbady를 볼 수 있다. 당연하겠지만 꾸미기에는 CSS가 들어가 있다.
+=== if 문법과 연동 ===
+놀랍게도 if 문법과 연동된다. 예를 들어 앞에 시범을 보이는 댓글에서
+>{{{#!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;
+    }
+}
+\}}}\ }}}
+라는 문법을 --쓰기 귀찮아서-- if와 연동한다 할 때
+>{{{#!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--@@_@s@ > td:first-of-type {
+    font-weight: bold;
+}
+--table.colored > tbody > tr--@@_@s@--:nth-of-type--@@_@n@(3n) > td:first-of-type {
+    color: red;
+}
+--table.colored > tbody > tr--@@_@s@--:nth-of-type--@@_@n@(3n + 1) > td:first-of-type {
+    color: lime;
+}
+--table.colored > tbody > tr--@@_@s@--:nth-of-type--@@_@n@(3n + 2) > td:first-of-type {
+    color: blue;
+}
+/* media query is not supported */
+@theseed-dark-mode {
+    --table.colored > tbody > tr--@@_@s@--:nth-of-type--@@_@n@(3n) > td:first-of-type {
+        color: maroon;
+    }
+    --table.colored > tbody > tr--@@_@s@--:nth-of-type--@@_@n@(3n + 1) > td:first-of-type {
+        color: green;
+    }
+    --table.colored > tbody > tr--@@_@s@--:nth-of-type--@@_@n@(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 */
+@@_@s@ > td:first-of-type {
+    font-weight: bold;
+}
+@@_@s@@@_@n@(3n) > td:first-of-type {
+    color: red;
+}
+@@_@s@@@_@n@(3n + 1) > td:first-of-type {
+    color: lime;
+}
+@@_@s@@@_@n@(3n + 2) > td:first-of-type {
+    color: blue;
+}
+/* media query is not supported */
+@theseed-dark-mode {
+    @@_@s@@@_@n@(3n) > td:first-of-type {
+        color: maroon;
+    }
+    @@_@s@@@_@n@(3n + 1) > td:first-of-type {
+        color: green;
+    }
+    @@_@s@@@_@n@(3n + 2) > td:first-of-type {
+        color: navy;
+    }
+}
+\}}}\ }}}
+처럼 표현해도 동작이 된다.
+{{{#!folding 테스트 보기 [펼치기 · 접기]
+{{{#!if s="table.colored > tbody > tr", n=":nth-of-type"
+}}}{{{#!style
+/* scoped styles are not supported */
+@s@ > td:first-of-type {
+    font-weight: bold;
+}
+@s@@n@(3n) > td:first-of-type {
+    color: red;
+}
+@s@@n@(3n + 1) > td:first-of-type {
+    color: lime;
+}
+@s@@n@(3n + 2) > td:first-of-type {
+    color: blue;
+}
+/* media query is not supported */
+@theseed-dark-mode {
+    @s@@n@(3n) > td:first-of-type {
+        color: maroon;
+    }
+    @s@@n@(3n + 1) > td:first-of-type {
+        color: green;
+    }
+    @s@@n@(3n + 2) > td:first-of-type {
+        color: navy;
+    }
+}
+}}}
+||<tableclass=colored><table width=100%><table bgcolor=#ffffff,#2d2f34><table color=#212529,#e0e0e0><colbgcolor=#ffffff,#000000> 1 ||1 ||
+|| 2 ||2 ||
+|| 3 ||3 ||
+|| 4 ||4 ||
+|| 5 ||5 ||
+|| 6 ||6 ||
+|| 7 ||7 ||
+|| 8 ||8 ||
+|| 9 ||9 ||
+|| 10 ||10 ||
+}}}
 {{{#!wiki sytle="display:none"
 [각주]}}}