Html 当前项目的CSS内容属性

是否有任何“本机”HTML/CSS方法可以使用

:before { content: ''; }
:after  { content: ''; }

当前语句的属性（而不是伪before或after元素）

像这样的

.current-item {
    content: 'New';
}

编辑

---

背景：我想为一个长单词做一个响应性的变通方法，我想用一个短单词替换它

@media (max-width: 680px) {}

---

当前CSS规范将

内容
属性定义为仅应用于
：before
和
：after
伪元素。有一些草案将允许更广泛的使用，但它们大多没有得到实施。WebKit浏览器仅允许您指定图像值，例如
.current item{content:url（New.png）}
，但您可能需要跨浏览器解决方案

您可以做的是让两个元素在显示中切换，如注释中所建议的。您可以使用包含空内容的元素，使其中一个内容在HTML中正确，另一个内容生成。一个优点是，页面内容本身，如搜索引擎和非CSS呈现中的“所见”，只有一个备选方案。示例（单击“全页”查看宽视口渲染）：



@介质（最大宽度：680px）{
.本项目{
显示：无；
}
.当前项目2：之后{
内容：“新”；
}
}
完全更新
No，如果您试图使用CSS添加内容，这就是这些伪元素的用途；当前项的内容在HTML中定义。你想实现什么？我想用
@media（max width:680px）
为一个长单词做一个有响应性的变通方法，我想用一个短单词替换它。为什么不把两个单词都放在那里，把小单词完全隐藏起来，然后以较小的尺寸隐藏大的？您应该能够通过在
之前
或
之后
实现这一点，并以某种方式使内容不可见（可能设置为0宽度或其他）。或者像@slime所说的，使用两个跨距，一次只能看到一个跨距。将宽度设置为0是我已经尝试过的。但是@slime的评论是一个很好的方法。谢谢这非常好，特别是因为它只包含一个常规元素（对于搜索引擎或CSS较少的设备）。