css - 为什么是:after pseudo-element rendering inside child element instead of the selected element?

<分区>

关闭。这个问题需要debugging details .它目前不接受答案。

编辑问题以包含 desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem .这将有助于其他人回答问题。

关闭 3 年前。

Improve this question

我的伪元素 (:after) 是在子元素内部而不是在实际元素之后呈现的问题!这是有问题的，因为我无法按照我想要的方式定位伪元素!有什么想法可以解决这个问题吗？

      .step__content {
            margin-top: 120px;

            div.ui-accordion-header {
                margin-left: 30px;

                :after {
                    content: '';
                    position: absolute;
                    height: 20px;
                    width: 20px;
                    left: 0;
                    background-image: url('../images/i.svg');
                }
            }
        }

正如您在图像上看到的，出于某种原因，它在跨度内呈现!我需要在 div 之后渲染!

最佳答案

必须将父级设置为 position:relative 吗？这是绝对定位元素获取其原点引用的地方。

div.ui-accordion-header {
  position: relative;
  ....
}

关于css - 为什么是:after pseudo-element rendering inside child element instead of the selected element?，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/55540375/

上一篇：javascript - 如何停止在同一对象上触发 'tap' 事件

下一篇：javascript - 使用 CSS 或 Javascript 从 Github Gist 列表中删除/(textnode)

相关文章：

javascript - Leaflet达到minZoom后如何缩小容器？

php - 使用 str_replace 而不是正则表达式更改 url 的更好方法

javascript - 如何在一个页面中使用多个模态窗口

css - 如何使用 CSS 设置 Flex Spark 按钮的边框颜色

html - 如何使相对划分取其内容的高度和宽度？

node.js - Node-sass 错误(尝试重新安装)

html - 将圆分成 3 部分，每个部分内有垂直文本

sass - 基于类在 Sass 中定义变量

javascript - 如何创建一个特定的X*X尺寸表？ (战舰游戏)(HTML、CSS、JS)

html - 调整浏览器大小时坡度保持流动(使用剪辑路径)