使用javascript更改css内容颜色

Question

我尝试在发生某些事件时使用javascript更改此跨度颜色

.line-numbers-rows > span:before {
  content: counter(linenumber);
  color: #999;
  display: block;
  padding-right: 0.8em;
  text-align: right;
}

var child = angular.element(children[i]);
child.css( { backgroundColor: 'rgba( +' + split[0] + ',' + split[1] + ',' + split[2] + ',0.5)' } );
child.css( {color: 'rgba(39,40,34,1)'} );
console.log(child);

背景颜色发生变化，但内容颜色不变。如果我检查console.log（），我可以看到两种样式都应用于元素。