伪类是用一个: ,而伪元素使用两个 :: ,注意两者的区别
伪元素:顾名思义,不是真正的元素,却可以像元素一样去操作
案例一:
选中段落中第一个字母 ::first-letter
案例二:
给段落中第一行加上背景 ::first-line
、
案例三:
给选中的文字设置背景色为绿色 ::selection
案例四:
选中input框中的提示文字 ::placeholder
案例五:
在p元素的内容之前加上特定的内容 ::before
在p元素的内容之后加上特定的内容 ::after
注意点:在这里用伪元素添加的内容是无法选中的
总结: