本篇教程介绍了jQuery教程 改变css伪元素样式详解,希望阅读本篇文章以后大家有所收获,帮助大家对jQuery的理解更加深入。
<
首先我们看一下css伪元素是什么:
CSS伪元素用于向某些选择器设置特殊效果。
伪元素有哪些:
:first-line伪元素:"first-line"伪元素用于向文本的首行设置特殊样式。
:first-letter伪元素:"first-letter"伪元素用于向文本的首字母设置特殊样式。
:before伪元素:":before"伪元素可以在元素的内容前面插入新内容。
:after伪元素:":after"伪元素可以在元素的内容之后插入新内容。
伪元素例子:
.flow_ball1:after{
content:"";
position:absolute;
top:50%;
margin-top:-1px;
left:100%;
margin-left:0.133333rem;
width:1.786667rem;
height:2px;
background-color:#ff6600;
border-radius:0.053333rem;
}在名为flow_ball1的class标签后面添加一道橘色横线(类似于流程图那种)
那么,问题来了,怎么用jquery改变伪元素的样式呢?
答案在这里:
$('.flow_ball1').append("");
本文由职坐标整理并发布,希望对同学们有所帮助。了解更多详情请关注职坐标WEB前端jQuery频道!