很抱歉这个绝对新手的问题，但我一直在寻找一个已经相似的帖子，但找不到。
我的问题是：
我的HTML 代码中有一个paragraph text，我想在单击特定的Button 后自动将其更改为新文本。
这可以只使用CSS 而不使用任何javascript 来完成吗？
由于一些用户阻止了 javascript，这就是我寻找解决方法的原因...
非常感谢。
【问题讨论】：
标签： javascript css replace onclick
实际上@Vaidya & @Preet 只能通过 css 实现：
https://css-tricks.com/swapping-out-text-five-different-ways/
@fana，您需要使用 plus selector 或 tilde selector 来使更改影响以下 div 而不是它本身，而是您可以继续使用。
我可以看到在 stackoverflow 社区中强烈反对使用 css 替换内容。但是，除了代码清洁度之外，我还没有找到其他原因。
我真的认为，未来几年 CSS/SASS 的真正潜力将会发挥出来，人们将不再将程序化/动态视为严格排除在 CSS/SASS 之外。
【讨论】：
我知道这不是您真正想要的，但它可以让您了解它，并且您可以进行一些更改。（但是使用 css 的条件和点击事件绝对是不可能的，您需要 javascript）
如果你可以让它在文本点击本身上工作，那么它很容易实现。您只需要一个隐藏的复选框和一个标签，您将在其中显示文本。单击文本时，您可以仅使用 css 切换到另一个文本：
#example {
position: relative;
}
#example-checkbox {
display: none;
}
#example-checkbox:checked + #example:after {
content: "Hide";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: white;
} <input id="example-checkbox" type="checkbox">
<label for="example-checkbox" id="example">Show</label>
Reference 仅查看 css 部分。
希望对你有所帮助。
【讨论】：
无法通过 CSS 完成，您必须为点击事件添加脚本。
【讨论】：