：之前和之后：在img元素上的元素

Question

是否有可能在img元素上的伪选择器之前和之后使用？认为它是但没有任何运气，将CSS切换到一个div，它工作正常。 .page-overhang类是img元素。

// page overhang mixin 
@mixin overhang { 
    &:before, 
    &:after { 
     position: absolute; 
     left: 0; 
     display: block; 
     width: 10px; 
     height: 18px; 
     background: url(../images/sprite.png) no-repeat; 
     content: ""; 
    } 

    &:before { 
     top: -18px; 
     background-position: 0 -100px; 
    } 

    &:after { 
     bottom: -18px; 
     background-position: 0 -119px; 
    } 
} 

/* scss file */ 
.page-overhang { 
    position: relative; 
    display: block; 
    @include overhang(); 
} 

Answer 1

:before和:after伪元素不能被用于void elements，因为它们指定内容被前置或附加到该元素的实际内容，而空隙元件可以具有任何内容。