State of CSS 2024

问卷调查会持续到 September 12, 2024 为止。

6/12可访问性

@media (prefers-reduced-motion) {
  .animation {
    animation: none;
  }
}

@media (prefers-color-scheme: dark) {
  .foo {
    background: #333;
    color: white;
  }
}

@media (prefers-reduced-data: reduce) {
  body {
    font-family: system-ui;
  }
}

.foo {
  color-scheme: light dark;
}

@media (prefers-contrast: more) {
  .contrast {
    outline: 2px solid black;
  }
}

@media (forced-colors: active) {
  .button {
    border: 2px green solid;
  }
}

.focus-visible-only:focus-visible {
  outline: 2px dashed darkorange;
}

code {
  color: light-dark(var(--light-code), var(--dark-code));
}