伪元素

p:first-leter{....}

p:first-line{....}

伪类的效果可以通过添加一个实际的类来达到,而伪元素的效果则需要通过添加一个实际的元素才能达到,这也是为什么他们一个称为伪类,一个称为伪元素的原因。

文章给出了demo,对于更多的情况会在以后的前端开发中来验证。 

至于伪类的效果一定只能通过添加一个实际的类来达到吗,对于文章中的例子,其实也可以在i标签中嵌套一个span标签来得到相同的效果,毕竟span标签可以嵌套在任何文本外面,但是关键是我们没必要这么做。以后遇到到底是用伪元素还是伪类来实现效果就可以这样判断:你可以用一个实际的类来达到这种效果吗,不能那么用伪元素

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容