文件名称:element-query:用于“元素查询”的 JS Polyfill
文件大小:11KB
文件格式:ZIP
更新时间:2024-07-26 00:10:04
JavaScript
元素查询 元素查询是一个小型 JS 库,旨在启用 CSS“元素查询”或嵌套在 CSS 选择器中的查询。 传统媒体查询总是与视口或窗口相关,而元素查询与页面上特定元素的状态相关。 这允许模块化媒体查询。 只需在您的页面上包含element-query.js脚本,您就可以立即开始使用一些基本的元素查询。 句法 目前只支持两种查询: min-available-width max-available-width 这些基于包含所选元素的元素的宽度。 此外, px是目前唯一支持的单位(这将改变)。 你可以用一些 CSS 来试试,比如: . test-element : media (max-available-width: 400 px ) { background : purple; } 在上面的 CSS 中,如果.test-element位于宽度为 400px 或更小的元
【文件预览】:
element-query-master
----test()
--------test.css(1KB)
--------index.html(2KB)
----TODO(373B)
----LICENSE(1KB)
----lib()
--------parser-old.js(3KB)
--------element-query.js(6KB)
--------parser.js(9KB)
----README.md(2KB)
----.editorconfig(86B)