Как использовать: раньше на дочернем элементе?

Question

У меня есть сайт WordPress, и я использую CSS для замены изображения плагина (флаги Polylang).

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

Так что это работает на Chrome и Safari, но не на Firefox и IE. Как я выяснил, это потому, что я должен использовать: before selector, но я не уверен, куда его поместить, потому что, если я помещу его сразу после элемента 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;
}

Я не пробовал это, но оно должно работать.