如何解决svg代码可以分配给CUSTOM html实体,并在伪类中用作CSS中的内容吗?
我将CSS内容用于一些预定义的内容,例如:content:"\00a9";
(用于版权符号)
我试图在html实体中定义一个svg图像,并类似地将其与content标签一起使用,但是它不起作用。不确定是否可行。
<!DOCTYPE html [
<!ENTITY my_code "<svg id="icon-plus-outline" width="24" height="24" viewBox="0 0 24 24" x="0" y="0"><path d="M18 10.5h-4.5v-4.5h-3v4.5h-4.5v3h4.5v4.5h3v-4.5h4.5v-3z"></path></svg>">
]>
和css
p::before{
content: "&my_code";
}
这样可以轻松使用页面中的可重复使用图标,并可以通过这种方式轻松使用颜色代码。
欢迎提出任何建议。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。