CSS伪元素不适用于ng-repeat？

Question

我用ng-repeat列出了一些图像，并且想要应用一个带有一些内容的伪类。

这里是我的小提琴：https://jsfiddle.net/Noitidart/y7dxa6n8/11/

这里是代码：

<style> 
    body {background-color:steelblue;} 
    img::after { content: 'rawr'; size:100px; color:red; } 
</style> 
<div ng-app="myApp"> 
    <div ng-controller="MyController as mc"> 
    <img ng-repeat="aSrc in mc.arr" ng-src="{{aSrc}}"/> 
    </div> 
</div> 

控制器：

var myApp = angular.module('myApp', ['ngCookies']); 

myApp.controller('MyController', [function($cookie) { 
      this.arr = ['https://jsfiddle.net/img/logo.png'] 
}]); 

但是伪类无法正常工作。这很奇怪。

Answer 1

它不是角ng-repeat

问题只是检查<img />没有角，并与::before

像

<img src="https://jsfiddle.net/img/logo.png"> 

img::after { content: 'rawr'; size:100px; color:red; } 

它不是的，因为大多数的浏览器工作检查不支持::before ，::after on img elements

支票this