都说这两个很重要，一定要掌握，好多人都怕，反而学不好，其实很简单的，W3C定义了很多现成的伪类和伪元素，照着用就可以了！当然学习CSS之前，应该掌握HTML标签以及属性知识，不要一味求快，觉得这些标签和属性以后基本不会用到，就很快带过，其实这才是CSS还有JavaScript甚至其他语言的基础，不能一带而过，要仔细学！对于CSS基础部分，向元素标签，类标签添加CSS样式，这两个学完，理解后就可以学伪类和伪元素了！
至于他们两个的区别，这还用说吗？区别是很显然的，一个ID或class属性类，一个是针对网页元素！如果你不能区分，说明CSS前面类和元素标签没有完全掌握和理解！
在的vue前端开发中，遇到了一些问题，有一个是关于伪元素的使用的，关于伪元素，之前都没有听说过，这次遇到了，查了一些资料，大概了解了一些基础用法，现在来做个记录
伪元素顾名思义伪装成元素，但不是元素，这与生成内容相关。生成内容主要指由浏览器创建的内容，而不是由标志或内容来表示。生成内容主要由:before和:after伪元素来实现，当然伪元素还包括:first-line,:first-letter和::selection
CSS伪元素是用来添加一些选择器的特殊效果。
ps：”first-line” 伪元素只能用于块级元素。
ps： 下面的属性可应用于 “first-line” 伪元素：
-font properties
-color properties
-background properties
-word-spacing
-letter-spacing
-text-decoration
-vertical-align
-text-transform
-line-height
-clear
ps： “first-letter” 伪元素只能用于块级元素。
ps： 下面的属性可应用于 “first-letter” 伪元素：
-font properties
-color properties
-background properties
-margin properties
-padding properties
-border properties
-text-decoration
-vertical-align (only if “float” is “none”)
-text-transform
-line-height
-float
-clear
需要注意的是，伪元素的使用，不需要在<body>里写，只需要在style里注明就好，content是必须要写的内容
这两张是我这次用来给一个字段添加中划线写的伪元素
附带一个链接 伪元素使用详解（超详细版） - 江南北 - CSDN博客
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）