基于宽度的CSS选择器?

问题描述

是否有一个 CSS 规则可以根据元素的宽度匹配元素?如果没有，在标准中提出这个建议会不会很有趣?

Is there a CSS rule that would match elements based on their width? If not, would it be interesting to propose that in the standard?

你可以做类似 code:max-width(200px) { white-space: nowrap;} 让所有小代码标签强制换行.

One could do something like code:max-width(200px) { white-space: nowrap; } to have all small code tag force line break.

我知道我可以使用一些 js.

I know I could use some js.

推荐答案

是否有根据宽度匹配元素的 CSS 规则?

Is there a CSS rule that would match elements based on their width?

没有.

如果不是，在标准中提出这个建议会很有趣吗?

If not, would it be interesting to propose that in the standard?

也许可以，但不是 Selectors 标准，因为 Selectors 并不打算与 CSS 的样式方面紧密结合.

Maybe, but not the Selectors standard, because Selectors is not intended to be tightly coupled with the styling aspect of CSS.

几年前曾有人提议将一种称为元素查询"的东西标准化，但除了一些概念验证之外，它们似乎大多已消散.可能是因为它们无法以稳健的方式规范和实现(循环依赖立即浮现在脑海).

There were proposals to standardize something called "element queries" a few years ago, but other than a few proofs-of-concept, they seem to have mostly dissipated. Probably because they're just not feasible to spec and implement in a way that is robust (cyclic dependencies immediately come to mind).

这篇关于基于宽度的CSS选择器?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持html5模板网！