关于hover与after,before已及first-letter,first…

2019-09-23 08:45:11来源:博客园 阅读 ()

新老客户大回馈,云服务器低至5折

关于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 在元素之前添加内

:after 在元素之后添加内容

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

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

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

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


原文链接:https://www.cnblogs.com/pythonywy/p/11557351.html
如有疑问请与原作者联系

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:CSS函数大全

下一篇:BootStrap笔记