如何最终使用元素查询，以及如何现在就开始使用它们

我们经常希望组件响应其父元素的尺寸，而不是浏览器窗口的尺寸。目前这还无法实现，但这最终是 元素查询 背后的理念，并且 Smashing Magazine 上 Tommy Hodgins 撰写了关于 EQCSS.js 开发的文章，EQCSS.js 是一个允许开发人员编写元素查询的 JavaScript 库。

元素查询的这种实现很有趣，因为它表明我们可以根据另一个元素的特性来设置元素的样式，即使它不是父元素。Tommy 给出了这样的示例

@element '.widget' and (min‐width: 500px) {
  body {
    background: red;
  }
}

如果 .widget 元素大于 500px，则 body 会更改其背景颜色，因此这为 CSS 开辟了一个全新的实验领域。如果你问我，这真是令人兴奋的事情。

直接链接 →