css -::after 和 :after 有什么区别?

标签 css

<分区>

我发现我使用 p:afterp::after 我可以获得相同的效果。(第 5 行你可以找到它)

p:after {
  content: "- add_after";
  background-color: #f00;
}
<p>I am a boy。</p>
<p>I live in Duckburg。</p>

<p>this is my home</p>

那么,:after::after 有什么区别。

最佳答案

Resource :https://css-tricks.com/almanac/selectors/a/after-and-before/

每个支持双冒号 (::) CSS3 语法的浏览器也只支持 (:) 语法,但 IE 8 只支持单冒号,所以目前,建议最好只使用单冒号浏览器支持。

::是一种较新的缩进格式,用于区分伪内容和伪选择器。如果您不需要 IE 8 支持,请随意使用双冒号。

关于css -::after 和 :after 有什么区别?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43776398/

相关文章:

css - 我可以在 css 样式中使用 Laravel 代码吗?

javascript - 水平滚动到容器内的下一个元素会阻止标准滚动

javascript - CSS - 在同一个 html 标签中使用类来设计 div

html - 不使用宽度 hack 的分隔符

html - 所有浏览器的文件上传表单样式

css - 无法从主样式表中删除背景图像

css - 缩放导致 CSS 形状之间存在间隙

css - Bootstrap 下拉按钮高度小于主按钮

html - 显示页面上哪些元素正在影响其他元素的插件或工具?

html - 高度响应水平图像库,固定页眉和页脚