css伪元素:before和:after用法以及在img中使用失效问题

伪元素是一个附加至css选择器末的关键词，允许你对被选择元素的特定部分修改样式。

例如：使用伪元素after在类选择器box内容后面添加一些内容

页面显示：

在 CSS 中，可替换元素（replaced element）的展现效果不是由 CSS 来控制的。这些元素是一种外部对象，它们外观的渲染，是独立于 CSS 的。
简单来说，它们的内容不受当前文档的样式的影响。CSS 可以影响可替换元素的位置，但不会影响到可替换元素自身的内容。某些可替换元素，例如 < iframe > 元素，可能具有自己的样式表，但它们不会继承父文档的样式。

典型的可替换元素有：

• < iframe >
• < video >
• < embed >
• < img >

了解更多
:before和:after在这些可替换元素中是不能使用的