如何进行网站设计规划,云教育科技网站建设,他达拉非片和西地那非片的区别,工作室网站设计本文介绍了使用javascript,jQuery实现修改before,after伪类的样式#xff0c;分享给大家#xff0c;具体如下#xff1a;最近遇到一个需要改变:before,:after 伪类的样式#xff0c;发现css中并不能直接选择某一个元素的:before和:after伪类元素#xff0c;所以特总结了使…本文介绍了使用javascript,jQuery实现修改before,after伪类的样式分享给大家具体如下最近遇到一个需要改变:before,:after 伪类的样式发现css中并不能直接选择某一个元素的:before和:after伪类元素所以特总结了使用javascript和jQuery改变元素的:before和:after伪类样式的方法。类如如下的html及样式Hello,are you kain?css样式.red:before {content: red,background-color : red}1.使用javascript或者jQuery切换增加元素的类.green:before {content: green;background-color: green;}$(p).addClass(green);2.在存在的style文档中动态插入样式document.styleSheet[0].addRule(.red:before,background-color:green);document.styleSheet[0].insertRule(.red:before{background-color:green},0);3.创建一份新的样式表并使用JavaScript或jQuert将其插入到中var style document.creatElement(style);document.head.appendChild(style);sheet style.sheet;sheet.addRule(.red:before,background-color:green);sheet.insertRule(.red:before{background-color:green},0);// jQuery$().appendTo(head);4.使用HTML5的data-属性在属性中使用attr()动态修改。在p标签中增加data-attrred属性然后$(red).attr(data-attr,green);以上就是本文的全部内容希望对大家的学习有所帮助也希望大家多多支持脚本之家。
