css - 在伪元素工作之前无法获得

标签 css

<分区>

我无法让 ::before 伪元素在下拉菜单中工作。

body.currency-gbp span.currency-symbol:before {
    content: "hi";
    width: 10px;
    height: 4px;
    background: red;
}

然而，当我使用 ::after 伪元素时它工作正常

body.currency-gbp span.currency-symbol:after {
    content: "hi";
    width: 10px;
    height: 4px;
    background: red;
}

这是基本的 HTML

<li class="level2 first"><a href="www.example.com"><span style="
">Under <span class="currency-symbol">50</span></span></a></li>

知道为什么会这样吗？

最佳答案

这个问题看起来像是其他一些 CSS 有冲突。您可以通过以下方式在 Chrome 的 F12 开发人员工具中检查元素的 CSS 历史记录来查看 CSS 继承:

这就是应用样式的方式:

_{(来源:chrome.com)}

关于css - 在伪元素工作之前无法获得，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/38056580/

相关文章：

javascript - 在包含左对齐图像的页面上居中图像网格