：之前和之後：在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，因爲它們指定內容被前置或附加到該元素的實際內容，而空隙元件可以具有任何內容。