css - 通过 CSS / SASS 进行通用字符串设置

Question

是否有某种类型的值可以使用 CSS 分配任意字符串？例如，"large"或"small"。

我的目的是通过媒体查询或通过媒体查询来观察并更改这种迄今为止未知的值类型的div泛型。Javascript 将监视此更改并使用分配的值。display: none"large""small"

示例 HTML：

<div class="state"/>

对应的 SASS 示例：

.state {
    @media #{$isSmall} {
        unknown-type-of-value: "small";
    }
    @media #{$isLarge} {
        unknown-type-of-value: "large";
    }
}

Answer 1

您无法<div>使用 CSS 更改 a 的值，但您可以使用:afterCSS“附加”文本。

就像是

@media screen{
    div.test:after{
        content: "small";
    }

}

@media print{
    div.test:after{
        content: "large";
    }

}

DEMO： http: //jsbin.com/edirad/1（试打印，看预览）