我正在使用Foundation 6 for Sites创建一个响应式网站。我没有使用伪元素 ::after 和 ::before(我没有忘记内容属性(。我的浏览器代码检查器不显示伪元素,并且它们未在页面上实现。
任何想法为什么会发生以及如何处理它?可能是屁股的麻烦吗?
我一直在用它们:)
你说你确保在伪元素中包含content: ''
属性,所以这很好。
如果组件是基础 CSS 组件,并且该元素已经使用了伪元素,则可以使用浏览器的检查器找到它,并查看针对它的 CSS 是什么。
例:
.notification-reward {
align-items: baseline;
animation: jellyIn 1s;
display: flex;
position: absolute;
right: 0;
top: -58%;
&::after {
color: $primary-light;
content: attr(data-earned-points);
font-size: $stat-font-size;
font-weight: 700;
left: 4.3625rem;
position: absolute;
top: 6%;
}
&::before {
color: $primary-light;
content: '+';
font-size: rem-calc(44);
font-weight: 700;
left: rem-calc(40);
position: relative;
top: -1.6525rem;
}
}