반응형

    input + input {
      margin-top: 10px;
    }

반응형
반응형
.popupModal [class="image"] {
    text-align: center;
  }
반응형
반응형
  .table-wrap {
    th:nth-child(2n + 2),
    td:nth-child(2n + 2) {
      background-color: var(--Light-Gray-BG);
    }

    .mobile-table-split {
      & > td {
        height: 10px;
        padding: 0 !important;
      }
    }
  }
반응형
반응형

css selector: https://www.w3schools.com/cssref/css_selectors.asp

  • div,p: all div & all p
  • div p: div의 모든 p 자손 (자식, 손주, 증손주...모두 포함)
  • div>p: div의 자기 자식 p만
  • div+p: div 옆 바로 인접한 이웃 p만
  • div~p: div 옆에 있는 같은 레벨의 모든 이웃 p (이웃의 자손은 같은 레벨이 아니므로 포함 안됨)

table: The thead, tbody, and tfoot elements will not affect the layout of the table by default. However, you can use CSS to style these elements.

  • thead
    • tr: table row
      • th: table header
      • th
      • th
  • tbody
    • tr
      • td: table data
      • td
      • td
    • tr
      • td
      • td
      • td
  • tfoot
    • tr
      • td
      • td
      • td

 

 

반응형

+ Recent posts