js如何获取div的伪类after或者如何设置after

Question

.rule .title:after{content: ""; margin: 0 auto; width: 1rem; height: 1rem; border-radius: 2px; border-right: 1px solid #fff; border-bottom: 1px solid #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); display: block;}

Answer 1

alert(getComputedStyle(document.querySelector('.rule .title'), ':after').getPropertyValue('border-bottom'));

只能获取样式的计算值，不能直接修改。但是你可以通过新增样式来覆盖旧样式。