如何用js控制css伪类after
1个回答
2017-04-10 · 百度知道合伙人官方认证企业
育知同创教育
1【专注：Python+人工智能|Java大数据|HTML5培训】 2【免费提供名师直播课堂、公开课及视频教程】 3【地址：北京市昌平区三旗百汇物美大卖场2层，微信公众号：yuzhitc】
向TA提问
关注
![]()
展开全部
用js控制css伪类after：只能通过添加样式，然后通过这个样式的伪类来控制吧。。没法直接改。
比如：
html:
<p>瓦赫塔 阿热 有 doing</p>
css:
p:after{
content:'';
position:absolute;
background-color:green;
width:20px;
height:6px;
}
js:
var css=function(t,s){
s=document.createElement('style');
s.innerText=t;
document.body.appendChlild(s);
}
document.onclick=function(){
css('p:after{background-color:red;}');
}
比如：
html:
<p>瓦赫塔 阿热 有 doing</p>
css:
p:after{
content:'';
position:absolute;
background-color:green;
width:20px;
height:6px;
}
js:
var css=function(t,s){
s=document.createElement('style');
s.innerText=t;
document.body.appendChlild(s);
}
document.onclick=function(){
css('p:after{background-color:red;}');
}
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
