Обнуляющие стили CSS

Автор: LIMPIX31

Обнуляющие стили нормализуют или вовсе переопределяют встроенные стили, что позволяет добиться одинакового отображения страницы в разных браузерах

*:where(:not(html, iframe, canvas, img, svg, video, audio):not(svg *, symbol *)) {
  all: unset;
  display: revert;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

a, button {
  cursor: revert;
}

ol, ul, menu {
  list-style: none;
}

img {
  max-width: 100%;
}

table {
  border-collapse: collapse;
}

input, textarea {
  -webkit-user-select: auto;
}

textarea {
  white-space: revert;
}

meter {
  -webkit-appearance: revert;
  appearance: revert;
}

::placeholder {
  color: unset;
}

:where([hidden]) {
  display: none;
}

:where([contenteditable]:not([contenteditable="false"])) {
  -moz-user-modify: read-write;
  -webkit-user-modify: read-write;
  overflow-wrap: break-word;
  -webkit-line-break: after-white-space;
  -webkit-user-select: auto;
}

:where([draggable="true"]) {
  -webkit-user-drag: element;
}

Оригинал тут

Как применять обнуляющие стили

Подключите обнуляющие стили на html страницу или импортируйте в главный файл (index.tsx), если вы используйте фреймворк, например React.

html
фреймворк
<link rel="stylesheet" href="/path/to/reset.css" />