QUX轻设计
愿我流浪再久,归来仍是少年!

通过html自定义属性 data-然后配合伪元素,使用attr获取参数,attr在css2都可以用了,表示传递接受一个字符串

1.HTML传递参数,盒子或者元素上添加自定义属性,例如:data-,name,foo等自定义属性都可以。

<div class="box" data-char="你好,CSS">abc</div> 

2.css接受参数,通过attr获取自定义的属性标签,例如:attr(data-char),attr(foo)...

.box::before{content:attr(data-char); }

css接受html传参的前提是通过伪元素的content + attr配合使用,否则不会生效!

博客原文:http://course.51qux.com/580.html

posted on 2020-07-23 09:09  QUX轻设计  阅读(2159)  评论(0编辑  收藏  举报