如何在子元素上使用：before？

Question

我有一个wordpress网站，我使用CSS替换插件的图像（polylang的标志）。

.lang-item-42 a img {
    content:url(/wp-content/uploads/2019/05/en.png);
}

因此，这在Chrome和Safari上有效，但在Firefox和IE上无效。我发现是因为我应该使用：before选择器，但是我不确定在哪里放置它，因为如果我将它放在“ img”元素之后就行了。

Answer 1

首先，您应该使用双冒号声明:: before（而不是：before），因为它被视为伪元素而不是伪类。 考虑一下此元素，例如“放置在元素内部和元素开始的东西”。 因此，如果您想在链接中放置图片，则隐藏其他图片并输入

.lang-item-42 a::before {
    content:url(/wp-content/uploads/2019/05/en.png);
}

.lang-item-42 a img {
    display: none;
}

我还没有尝试过，但是应该可以。