标记的文章

我有一位同事，他聪明、能力强，并且精通技术。和我很像，他们全职从事网络工作。

当他们在会议中分享他们的屏幕时，我发现自己会分离专注于他们副本中的红色更新按钮……

我之前没有意识到@supports 用于确定选择器支持的程度如此之好！我通常将@supports 视为测试property: value 对支持的一种方式。但使用selector() 函数，我们可以测试选择器支持……

您不能只使用@media (prefers-reduced-data: no-preference) 这一行代码，因为正如 Kilian Valkhof 所说

[...] 如果不支持（因为浏览器不理解媒体查询），或者如果支持但……

完全可以构建自定义复选框、单选按钮和切换开关，同时保持语义化和可访问性。我们甚至不需要一行 JavaScript 或额外的 HTML 元素！事实上，近来比以往更容易……

是的，可以，嵌套顺序并不重要。不需要 CSS 预处理器。它在普通 CSS 中工作。

这样有效

@supports(--a: b) {
  @media (min-width: 1px) {
    body {
      background: red;
    }
  }
}

因此……

以下是 Andy Bell 的一个巧妙技巧，他使用 CSS 自定义属性来检查特定 CSS 功能是否受到支持，方法是使用 JavaScript。

基本上，他利用 CSS 能够检查特定……

CSS 具有一个巧妙的功能，允许我们在应用样式块之前测试浏览器是否支持特定属性或属性：值组合——就像@media 查询在浏览器宽度达到特定值时匹配一样……

CSS 的设计方式允许相对无缝地添加新功能。从语言诞生之日起，规范就要求浏览器优雅地忽略任何不支持的属性、值、选择器或at-规则。因此，在……

在 2017 年初，我举办了几场关于 CSS 特征检测的研讨会，主题为“2017 年的 CSS 特征检测”。

我的一位朋友，Justin Slack 来自New Media Labs，最近给我发了一个链接到……