使用CSS設置特定寬度的跨度

Question

當達到特定寬度時，是否有將某種樣式應用於跨度的方法？

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

我知道我可以在輸入上做到這一點，如input[type=text]，但我不知道如何在一個跨度上做到這一點。

Answer 1

你有兩個選擇：

- 獲得的元素（JS）目前width和應用樣式時，它是>比X值。

- 隨着media queries，當width是>比X，施加特定樣式。

如果要指定爲手持設備，或者寬度大於20em更大屏幕設備上的樣式表，您可以使用此查詢：

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

寬度媒體特性描述的寬度輸出設備的渲染表面（例如文檔窗口的寬度或打印機上的頁面框的寬度）。