动态修改before/after的content值

作者: 时光慢慢些 | 来源:发表于2017-11-21 12:46 被阅读940次

样式中设置content为元素的data-值

    p{
      color: deepskyblue;
    }
    p:before{
      content: attr(data-beforeContent);
      color: darkred;
    }

然后js修改

  $('p').on('click',function(){
    $(this).attr('data-beforeContent','我被点击了');
  });

jquery动态修改:after:before伪元素conten
根据昨天做的js动态修改:after:before伪元素content值，今天拓展一些jquery如何绑定动态修改...
动态修改before/after的content值
样式中设置content为元素的data-值然后js修改
js动态修改:after:before伪元素content值
今天做了一个有关js如何绑定动态修改伪类的content的内容，运用到的有( :before 和 :after 伪...
css常用选择器
常用选择器 :before&:after content的属性值
CSS-清除浮动终极方案
.clearfix::after,.clearfix::before { content: ''; displ...
完善clearfix，表单，框架集，动画，圆角，透明度，运动曲线
完善clearfix .clearfix:before,.clearfix:after{content:"";di...
sass使用
1.嵌套伪类嵌套 .clearfix{ &:before,&:after{ content:" ", displa...
::after ::before 伪元素动态改变content内
很多时候需要给元素加上个小标签，这时候伪元素经常会被用到，但是呢，有些时候小标签的内容是不固定的，比如好几个菜品，...
伪类/伪元素的content与attr
content属性用于通过CSS向:before、:after里填写内容带引号的文本 content:"hell...
css之Content-content内容生成技术
贰、content内容生成技术 content属性基本上在::before ::after两个伪元素中 1、辅助元...