使用 CSS 为具有特定宽度的跨度设置样式

Question

有没有办法在跨度达到特定宽度时将样式应用于跨度？

点赞span[width=100%]{ background-color: green }。

我知道我可以在输入上做到这一点，例如 input[type=text]，但我不知道如何在跨度上做到这一点。

Answer 1

你有两个选择：

1-获取元素（JS）的当前width，当>大于X值时应用样式。

2-使用media queries，当width大于X时，应用特定样式。

如果要为手持设备或宽度大于 20em 的屏幕设备指定样式表，可以使用此查询：

@media handheld and (min-width: 20em), screen and (min-width: 20em) { ... }

宽度媒体特性描述了输出设备的渲染表面的宽度（例如文档窗口的宽度，或者打印机上的页面框的宽度）。