css 未来的CSS硬重置

Posted 2021-05-13

/*
  Future CSS Hard Reset
  Source: https://gist.github.com/gaintsev/ff039fe39f633d64178273537684292f
*/
html * {
  all: initial;
  cursor: default;
  font-family: inherit;
  font-weight: inherit;
  text-align: inherit;
  color: inherit;
  visibility: inherit;
}

html {
  /*Blocks*/
  & html,
  & body,
  & div,
  & map,
  & dt,
  & isindex,
  & p,
  & dl,
  & dd,
  & form,
  & blockquote,
  & blockquote[type=cite],
  & address,
  & h1,
  & h2,
  & h3,
  & h4,
  & h5,
  & h6,
  & pre,
  & hr,
  & article,
  & aside,
  & details,
  & figcaption,
  & figure,
  & footer,
  & header,
  & main,,
  & nav,
  & section,
  & summary,
  & fieldset {
    display: block;
  }

  /*Tables*/
  & table {
    display: table;
    border-collapse: collapse;
  }

  & tr {
    display: table-row;
  }

  & col {
    display: table-column;
  }

  & colgroup {
    display: table-column-group;
  }

  & tbody {
    display: table-row-group;
  }

  & thead {
    display: table-header-group;
  }

  & tfoot {
    display: table-footer-group;
  }

  & th,
  & td {
    display: table-cell;
  }

  /*Lists */
  & ul,
  & ol {
    display: block;
  }

  & li {
    display: list-item;
  }

  /*Hidden elements*/
  & area,
  & base,
  & basefont,
  & head,
  & meta,
  & script,
  & style,
  & title,
  & noembed,
  & param {
    display: none;
  }
}