前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >关于hover与after,before已及first-letter,first-line的联用

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

作者头像
小小咸鱼YwY
发布2020-06-19 16:02:01
4800
发布2020-06-19 16:02:01
举报
文章被收录于专栏:python-爬虫

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联用写法一直不过他只修改样式,而不能对元素中内容进行新增内容已及新增内容样式的修改

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2019-09-20 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 0920自我总结
    • 关于hover与after,before已及first-letter,first-line的联用
      • 一.写法
        • 二.使用
        领券
        问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档