html传参数-css接受参数,H5还可以这样骚操作!


通过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


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM