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