什么是伪类、伪元素?
* 伪类:
希望在特定状态下,给元素呈现特定的样式。
例如: 超链接,在链接被点击之后,呈现特定的样式,我们就可以使用:visited这个伪类给超链接添加特定的样式。伪类的前缀是一个:
常用的伪类分类:
1.状态伪类: 例如 link、visited、hover、active、focus;
2.结构化伪类:例如first-child、last-child;
3.表单伪类: 例如readonly,empty;
* 伪元素:
伪元素 伪元素与伪类的用法相似,只不过伪类的前缀是两个::,个别元素可以使用一个冒号
单双冒号都可以使用的是:
::before/:before, 在被选元素前插入元素,需要制定content来指定要插入的内容-被插入的内容实际不在文档树中
::after/:after,在被选元素后插入元素,与上面一个类似;
::first-letter/:first-letter,匹配元素中文本的首字母,被修饰的首字母不在文档中
::first-line/:first-line 匹配元素中的第一行的文本,该伪元素只能用在块元素中,不能在内联元素中使用