欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

关于hover与after,before已及first-letter,first-line的联用

程序员文章站 2022-10-04 14:52:22
0920自我总结 关于hover与after,before已及first letter,first line的联用 一.写法 元素:hover::after{样式} 元素:hover::before{样式} 二.使用 元素:hover::after{样式}与元素:after{content:'插入的 ......

0920自我总结

关于hover与after,before已及first-letter,first-line的联用

一.写法

元素:hover::after{样式}

元素:hover::before{样式}

二.使用

元素:hover::after{样式}与元素:after{'}联用

元素:hover::before{样式}与元素:before{'}联用
:before 在元素之前添加内

:after 在元素之后添加内容

没法用来修改原元素的样式

三.补充伪类:first-letter已及:first-line

伪类 解释
向文本的第一个字母添加特殊样式
向文本的首行添加特殊样式。

同理:first-letter与:first-line联用写法一直不过他只修改样式,而不能对元素中内容进行新增内容已及新增内容样式的修改