CSS中伪类和伪类元素的区别
本文介绍了CSS中伪类和伪类元素的根本区别
#review/knowledge/code/css #review/knowledge/八股
伪类和伪类元素： 根本区别在于它们是否创造了新的元素
CSS3 之后，为了区别伪类选择器和伪元素，在伪元素前加两个 ::
伪类：用于向某个选择器添加特殊的效果（没有创建新元素）
:last-child /*选择元素最后一个孩子 */
:first-child /*选择元素第一个孩子*/
:nth-child(1) /*按照的几个孩子给它设置样式*
a:link {color:#FF0000} /*未访问链接*/
a:visited {color:#00FF00} /*已访问的链接*/
a:hover {color:#FF00FF} /*鼠标移动到链接上*/
a:active {color:#0000FF} /*选定的链接*/
伪元素：创建了html中不存在的元素，用于将特殊的效果添加到某些选择器
::before{} /*选择器在被选元素的前面插入内容定义css，使用content属性来指定要插入的内容*/
::after{} /*选择器在被选元素的后面插入内容和定义css，使用content属性来指定要插入的内容*/
:first-letter /*选择该元素内容的首字母*/
:first-line /*选择该元素的内容的首行*/
::selection /*选择被用户选取的元素部分*/
Last modified on 2024-08-13