博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
css3中的伪元素
阅读量:6236 次
发布时间:2019-06-22

本文共 798 字,大约阅读时间需要 2 分钟。

CSS中的伪元素大家以前看过::first-line,:first-letter,:before,:after;

那么在CSS3中,他对伪元素进行了一定的调整,在以前的基础上增加了一个“:”也就是现在变成了::first-letter,::first-line,::before,::after另外他还增加了一个::selection

在css3中,已经明确规定了伪类用一个冒号来表示,而伪元素则用两个冒号来表示。

::first-line选择元素的第一行,比如说改变每个段落的第一行文本的样式,我们就可以使用这个

p::first-line {
font-weight:bold;}

::before::after这两个主要用来给元素的前面或后面插入内容,这两个常用"content"配合使用,见过最多的就是清除浮动,

.clearfix:before,            .clearfix:after { content: "."; display: block; height: 0; visibility: hidden; } .clearfix:after { clear: both;} .clearfix { zoom: 1;}

对于 IE8 及更早版本中的 :before,必须声明 <!DOCTYPE>

:before 选择器在被选元素的内容前面插入内容。例如:

welcome

div:before{ content:"hello world" }

那么,被选元素是divdiv的内容是h1,插入的内容就是content属性值“hello world

::selection用来改变浏览网页选中文的默认效果

转载于:https://www.cnblogs.com/lxq0924/p/4904378.html

你可能感兴趣的文章
【转】JSP中的9大隐藏对象
查看>>
荆慕瑶
查看>>
bilibili携手WeTest,保障视频类应用优质适配体验
查看>>
无线应用安全剖析
查看>>
GNU/Linux安全基线与加固-0.1
查看>>
当产品/后端/QA/你自己说了这些话,就要警惕了!
查看>>
聊聊directory traversal attack
查看>>
OC消息转发机制
查看>>
理解函数防抖Debounce
查看>>
10分钟了解react引入的hooks
查看>>
用一个简易的 web chat 说说 Python、Golang、Nodejs 的异步
查看>>
Nginx代理访问提示ERR_CONTENT_LENGTH_MISMATCH
查看>>
【iOS开发】在Xcode中做一个 a包合成脚本
查看>>
注册、登录和 token 的安全之道
查看>>
离线批量数据通道Tunnel的最佳实践及常见问题
查看>>
【前端该了解的服务器知识】Ubuntu 16.04下安装MySQL的过程。
查看>>
Servlet的那些事
查看>>
C语言入门经典读书笔记 ----第三章 条件判断
查看>>
反射基本使用
查看>>
GCD计时器替换NSTimer
查看>>