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

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

“大”

或

“小”

我的目的是观看带有显示：无的通用

div

，并通过媒体查询将其更改为未知类型的值

“大”

或

“小”

。Javascript将监视此更改并使用指定的值

HTML示例：

<div class="state"/>

---

您不能使用CSS更改

的值，但可以使用

：after

将CSS文本“附加”到它

差不多

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

}

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

}

---

演示：（试着打印出来，看看预览）

我不明白你想做什么，你能详细说明一下，或者发布一些代码吗？你的意思是像

.element:after{content:“state1”}

？在堆栈溢出时，我们的唯一目的是尽可能地帮助你。但是，本网站是为了帮助您修复代码，而不是提供代码。如果你想让人们帮助你，那么如果你有一些研究证据的话，我们将不胜感激。我认为这一点现在已经很清楚了，Marcin和Andrew Barbert感谢你花时间理解我的问题。事实上，我直接测试了设置内容，它看起来很有效，至少在Chrome上是如此。

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

}

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

}