目的是什么：之后？

Question

我最近在前端css中看到了很多:after，对我来说它似乎是:hover但是必须有区别所以我想确切地理解它是如何工作/适用的？ 非常感谢。

Answer 1

  

伪元素完全符合这个词所暗示的含义。它创造了一个   phoney元素并在其内容之前或之后插入   你定位的元素。单词＆＃34; pseudo＆＃34;是一个音译   一个希腊词，基本上是指谎言，欺骗，虚假。＆＃34;所以，   称它们为伪元素是合适的，因为它们不适用   实际上改变了文档中的任何内容相反，他们插入   用户可见的类似幽灵的元素   CSS中的样式。

     

基本语法

     

:before和:after伪元素非常容易编码（大多数不需要吨的CSS属性也是如此）   供应商前缀）。这是一个简单的示例：

#example:before {
   content: "#";
}

#example:after {
   content: ".";
}

source

Answer 2

用于在 之后插入之类的内容。

p::after { 
    content: " - Remember this";
}

见here。 在action。