html – 如何在不使用标签的情况下替换CSS文件中的文本?

html – 如何在不使用标签的情况下替换CSS文件中的文本?,第1张

概述这是发生的事情: 对于我的计算机科学课,我们正在开发一个只能修改CSS的项目.我认为在插入我的CSS文件时更改元素的内容会非常酷.由于我无法添加标签,我不知道我怎么能这样做. 这就是我所拥有的: <div> <h1>Is the makerspace door open?</h1></div><div> <p id="switch_txt">Checking...</p> @H_301_1@ 这是发生的事情:

对于我的计算机科学课,我们正在开发一个只能修改CSS的项目.我认为在插入我的CSS文件时更改元素的内容会非常酷.由于我无法添加标签,我不知道我怎么能这样做.
这就是我所拥有的:

<div>  <h1>Is the makerspace door open?</h1></div><div>  <p ID="switch_txt">Checking...</p></div></body>

我尝试使用:: before和::之后的伪选择器,但这些选择器不能在content属性中放置元素.任何建议将不胜感激.

解决方法 伪元素是直观替换文本或插入图像的好方法.

text-indent可以有用地添加到浮动上下文中,以便伪元素隐藏任何dom内联或内联块内容(例如文本或图像).

Example:

HTML测试

<h1>show me something else</h1>

CSS测试

h1 {  text-indent:-9999px;}h1:before {  text-indent:0;  content:'Here is something else !';  float:left;}
总结

以上是内存溢出为你收集整理的html – 如何在不使用标签的情况下替换CSS文件中的文本?全部内容,希望文章能够帮你解决html – 如何在不使用标签的情况下替换CSS文件中的文本?所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1082769.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-27
下一篇 2022-05-27

发表评论

登录后才能评论

评论列表(0条)

保存