본문으로 건너뛰기
사용자

o00o/연습장4(비교)

r12 vs r13
11
{{{#!style
2
.selected { background-color: red; }
3
.hide {display: none;}
4
table.tab > tbody > tr:nth-child(2) { display: none; }
2
table.tab1 > tbody > tr:nth-child(2) { display: none; }
3
table.tab1 .hide { display: none; }
54
}}}
65
7
||<thead><sortable><tableclass=tab><class=button> 버튼1 ||<sortable><class=button> 버튼2 ||
8
||<nopad> {{{#!wiki class="selected"
9
0}}} ||<nopad> 1 || ㅎㅇ ||
10
||<nopad> 1 ||<nopad> {{{#!wiki class="selected"
11
0}}} || ㅂㅇ ||
12
13
14
||<thead><sortable><tableclass=tab><class=button> 강화 여부 ||<class=hide> ||
6
||<thead><sortable><tableclass=tab1> 강화 여부 ||<class=hide> ||
157
||<class=hide> 1 || 노강화 ||
168
||<class=hide> 0 || 강화 ||
179
10
11
12
{{{#!style
13
table.menu > thead > tr { display: flex; gap: 5px; margin-bottom: 3px; }
14
table.menu th { width: 60px; padding: 10px !important; border-color: #000; }
15
table.menu td { border-color: #000; }
16
17
@theseed-dark-mode {
18
table.menu { background: transparent; }
19
table.menu th { border-color: #777; }
20
table.menu td { border-color: #777; }
21
}
22
23
table.menu th::before { display: none !important; }
24
table.menu th::after { display: none !important; }
25
26
table.menu > tbody > tr:nth-of-type(n + 2) { display: none; }
27
28
table.menu > tbody > tr > td { padding: 0; font-size: 0; display: none; }
29
30
table.menu > tbody > tr > td.content {
31
width: 100%; display: inline-block !important;
32
}
33
.content {
34
font-size: initial;
35
padding: 2px 4px; text-align: left;
36
}
37
}}}
38
||<thead><sortable><tableclass=menu> A ||<sortable> B ||<sortable> C ||<sortable> D ||
39
||<class=content> 0{{{#!wiki class="content"
40
Selected A}}} || 1 || 1 || 1 ||
41
|| 1 ||<class=content> 0{{{#!wiki class="content"
42
Selected B}}} || 1 || 1 ||
43
|| 1 || 1 ||<class=content> 0{{{#!wiki class="content"
44
Selected C}}} || 1 ||
45
|| 1 || 1 || 1 ||<class=content> 0{{{#!wiki class="content"
46
Selected D}}} ||
47
48