사용자
o00o/연습장4(비교)
| r22 vs r23 | ||
|---|---|---|
| ... | ... | |
| 23 | 23 | table.menu > thead > tr { display: flex; } |
| 24 | 24 | table.menu th { width: 60px; padding: 10px !important; border-color: #000; } |
| 25 | 25 | table.menu td { border-color: #000; } |
| 26 | ||
| 27 | ||
| 26 | table.menu th::before { display: none !important; } | |
| 27 | table.menu th::after { display: none !important; } | |
| 28 | 28 | table.menu > tbody > tr:nth-of-type(n + 2) { display: none; } |
| 29 | 29 | table.menu > tbody > tr > td { padding: 0; font-size: 0; display: none; } |
| 30 | 30 | table.menu > tbody > tr > td.td-content { width: 100%; display: inline-block !important; } |
| 31 | 31 | .content { font-size: initial; padding: 2px 4px; text-align: left; } |
| 32 | .selected-container { display: flex; height: 5px; } | |
| 33 | .selected-container > * { width: 50%; height: 5px; } | |
| 34 | .selected-container > .selected { background: red; } | |
| 32 | 35 | }}} |
| 33 | 36 | ||<thead><sortable><tableclass=menu> A ||<sortable> B || |
| 34 | ||<class=td-content> 0{{{#!wiki class="content" | |
| 37 | ||<class=td-content> 0{{{#!wiki class="selected-container" | |
| 38 | {{{#!wiki class="selected" | |
| 39 | }}}{{{#!wiki class="unselected" | |
| 40 | }}} | |
| 41 | }}}{{{#!wiki class="content" | |
| 35 | 42 | Selected A}}} || 1 || |
| 36 | 43 | || 1 ||<class=td-content> 0{{{#!wiki class="content" |
| 37 | 44 | Selected B}}} || |
| ... | ... |