我如何用CSS替换文本使用这样的方法:
.pvw-title img[src*="IKON.img"] { visibility:hidden; }
而不是(img[src*="IKON. "img"])，我需要使用一些可以代替文本的东西。
我必须使用[]才能让它工作。
< div级= >事实“pvw-title < / div >
我得把"事实"替换掉。
当前回答
如果您只是想显示不同的文本或图像，请保持标记为空，并将内容写入多个数据属性，如<span data-text1="Hello" data-text2="Bye"></span>。 使用一个伪类显示它们:before {content: attr(data-text1)}
现在你有很多不同的方法在它们之间切换。我将它们与媒体查询结合使用，以实现响应式设计方法，将导航的名称更改为图标。
Jsfiddle演示和示例
它可能不能完美地回答这个问题，但它满足了我的需求，也许也满足了其他人的需求。
其他回答
我找到了一个这样的解决方案，在较小的屏幕宽度上，一个单词“Dark”将被缩短为“D”。基本上，您只需使原始内容的字体大小为0，并将缩短的形式作为伪元素。
在这个例子中，改变发生在hover上:
跨度{ 字体大小:12 px; ｝ 跨度:{后 显示:没有; 字体大小:12 px; 内容:' D '; 颜色:红色; ｝ 跨度:{徘徊 字体大小:0 px; ｝ 跨度:徘徊:{后 显示:内联; ｝ 黑暗< span > < / span >
我有一个问题，我必须替换链接的文本，但我不能使用JavaScript，也不能直接更改超链接的文本，因为它是从XML编译下来的。此外，我不能使用伪元素，或者当我尝试它们时，它们似乎不工作。
基本上，我把我想要的文本放到一个span中，把锚标签放在它下面，并在div中包装。我基本上通过CSS向上移动锚标签，然后使字体透明。现在，当您将鼠标悬停在跨度上时，它就像一个链接一样“起作用”。这是一种非常粗糙的方法，但这就是你如何使用不同文本的链接…
这是我是如何解决这个问题的
我的HTML
<div class="field">
<span>This is your link text</span><br/>
<a href="//www.google.com" target="_blank">This is your actual link</a>
</div>
我的CSS
div.field a {
color: transparent;
position: absolute;
top:1%;
}
div.field span {
display: inline-block;
}
CSS将需要根据您的需求进行更改，但这是完成您要求的一般方法。
试试这个方法:
IDENTIFIER {
visibility: hidden;
position: relative;
}
IDENTIFIER::after {
visibility: visible;
position: absolute;
top: 0;
left: 0;
content: "NEW_CONTENT";
}
或者你可以把'Facts'包在<span>上，如下所示:
.pvw-title span { 显示:没有; ｝ .pvw-title:{后 内容:“你想加什么就加什么”; ｝ < div class = " pvw-title " > < span >事实< / span > < / div >
基于 mikemaccana的回答, 这对我很有效
按钮{ 位置:绝对的; 可见性:隐藏; ｝ 按钮:{之前 内容:“再见”; 可见性:可见; ｝ 原来<按钮> < / >按钮
§绝对定位
绝对定位的元素将从流中取出，从而 放置其他元素时不占用空间。
