Question

警告：我不建议任何人这样做。这是一个丑陋的黑客。

我已经获得了代码（最小化了示例）

<div id="somecontent">
    <a name="content"></a>
    Content to be changed
</div>

JSFiddle：https://jsfiddle.net/zalun/o733uyvs/

我想更改＆＃34;要更改的内容＆＃34;用CSS。这是否可能（包括所有丑陋的黑客）？修改HTML（＆lt; span＆gt;添加）时很容易，就像上面提到的小块中的第二个块一样。

Answer 1

注意：不建议您尝试做什么。我在为你提供解决方案，因为我认为您无权访问源HTML或您的内容是动态生成的。我还是会建议你的或者使用JavaScript更改源文件或修改DOM节点。

我会说不，是的。

为什么不？

这是一个文本节点。您无法使用CSS操纵DOM节点。你需要使用JavaScript。

为什么是？（使用丑陋的黑客），怎么样？

使用已经使用的content属性，但是你无法更改DOM，所以你可以使它变得非常难看，如

<强> Demo

#somecontent {
  color: transparent;
  position: relative;
}

#somecontent a:before {
  content: "My new content";
  color: #000;
  position: absolute;
}

JavaScript解决方案：

Demo

// You'll see text flicker
var t = document.getElementById('somecontent');
t.textContent  = 'New Text';

如何用CSS修改内容？

1 个答案: