CSS伪元素：超出边界后？

Question

我有问题

我想在每个带有“ .shadowed”类的图像下添加一个shadow.jpg图像。

所以：

.shadowed {
    border: solid 1px #fff;
    margin: 15px;
}

然后我们使用：after：

.shadow:after {
     content: url('images/shadow.png');

}

好的，看起来还可以，但是阴影也使他的父母处于边界，例如：

1. 边界
2. 图片
3. 阴影
4. 边界

我想要这样：

1. 边界
2. 图片
3. 边界
4. 阴影

那么如何避免：边界继承后呢？

我知道我可以将所有内容放宽并使用：first-child border或类似的东西，但是我不想这样做，这会弄乱我的标记。

或者，也许还有另一种简单的方法来放置图像（允许PHP）。

干杯:)

Answer 1

:before 和 :after 指的是元素的内容而不是边框​​框。我认为您可能已经使用了包装跨度。