javascript - 使用条件CSS但不使用js更改html文本

标签 javascript css replace onclick

很抱歉这个绝对是新手问题,但我一直在寻找类似的帖子,但找不到。

我的问题是:

我的 HTML 代码中有一个段落文本,我希望在单击特定的按钮后自动将其更改为新文本。

是否可以仅使用 CSS 而不使用任何 javascript 来完成此操作?

由于一些用户阻止了 javascript,这就是为什么我一直在寻找解决方法......

非常感谢。

最佳答案

实际上 @Vaidya 和 @Preet 只能通过 css 实现:

https://css-tricks.com/swapping-out-text-five-different-ways/

@fana 你需要使用plus selectortilde selector使更改不会影响以下 div 本身,但除此之外您就可以开始了。

我发现 stackoverflow 社区强烈反对使用 css 来替换内容。然而,除了代码整洁之外,我还没有找到其他原因。

我真的认为,在未来几年,CSS/SASS 的真正潜力将会显现出来,人们将不再认为程序化/动态被严格排除在 CSS/SASS 之外。

关于javascript - 使用条件CSS但不使用js更改html文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46031599/

相关文章:

html - 最小 Div 大小?

python - fileinput.Fileinput .read() 整个文件的函数

javascript - 我怎样才能制作打印报告的打印按钮?

javascript - 如何检查单击的 div 的至少一侧(左侧或右侧)是否没有其他 div

css - 使用 CSS 的水平嵌套列表

html - 当我将鼠标悬停在盒子上时,如何为盒子中的所有元素设置动画?

javascript - 替换 html 元素的所有实例

Python-替换字符串中的模式

javascript - 如何将多维数组中的单个对象推送到数组?

javascript - 当 <input type ="number"/> 的值改变时会触发什么事件?