关于hover与after,before已及first-letter,first-line的联用_含真_前端开发者

0920自我总结

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

一.写法

元素:hover::after{样式}

元素:hover::before{样式}

二.使用

元素:hover::after{样式}与元素:after{content:’插入的内容’}联用

元素:hover::before{样式}与元素:before{content:’插入的内容’}联用
:before 在元素之前添加内

:before在元素之前添加内

:after 在元素之后添加内容

:after在元素之后添加内容

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

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

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

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

:first-letter

向文本的第一个字母添加特殊样式 :first-line 向文本的首行添加特殊样式。 :first-line

:first-line

向文本的首行添加特殊样式。

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

不能进行新增内容新增内容样式的修改

» 本文来自:前端开发者 » 《关于hover与after,before已及first-letter,first-line的联用_含真_前端开发者》
» 本文链接地址:https://www.rokub.com/73270.html
» 您也可以订阅本站:https://www.rokub.com
赞(0)
64K

评论 抢沙发

评论前必须登录!