css两个冒号什么意思
css两个冒号表示伪元素,如“::selection”,伪元素所控制的内容和一个元素控制的内容一样,但是伪元素不存在于文档树中,不是真正的元素,所以叫伪元素。
推荐:《css视频教程》
css两个冒号(::)表示伪元素,例如“::selection”。伪元素所控制的内容和一个元素控制的内容一样,但是伪元素不存在于文档树中,不是真正的元素,所以叫伪元素。
与伪类针对特殊状态的元素不同的是,伪元素是对元素中的特定内容进行操作,它所操作的层次比伪类更深了一层,也因此它的动态性比伪类要低得多。
实际上,设计伪元素的目的就是去选取诸如元素内容第一个字(母)、第一行,选取某些内容前面或后面这种普通的选择器无法完成的工作。
它控制的内容实际上和元素是相同的,但是它本身只是基于元素的抽象,并不存在于文档中,所以叫伪元素。
拓展:
W3C关于CSS3选择器的规范中有一段描述:
A pseudo-element is made of two colons (::) followed by the name of the pseudo-element.
This :: notation is introduced by the current document in order to establish a discrimination between pseudo-classes and pseudo-elements. For compatibility with existing style sheets, user agents must also accept the previous one-colon notation for pseudo-elements introduced in CSS levels 1 and 2 (namely, :first-line, :first-letter, :before and :after). This compatibility is not allowed for the new pseudo-elements introduced in CSS level 3.
简单翻译一下,大意就是,伪元素由双冒号和伪元素名称组成。双冒号是在当前规范中引入的,用于区分伪类和伪元素。但是伪类兼容现存样式,浏览器需要同时支持旧的伪类,比如:first-line、:first-letter、:before、:after等。
也就是说,对于CSS2之前已有的伪元素,比如:before,单冒号和双冒号的写法::before作用是一样的。
所以,如果你的网站只需要兼容webkit、firefox、opera等浏览器,建议对于伪元素采用双冒号的写法,如果不得不兼容IE浏览器,还是用CSS2的单冒号写法比较安全。
css两个冒号什么意思相关推荐
- CSS一个冒号是伪类:用于监控动作、两个冒号是伪元素::用于定位元素
一个冒号两个冒号::: 一个冒号是伪类,两个冒号是伪元素 伪类有----:first-child ,:link , :vistited,:hover:,active:focus,:lang用于监控 ...
- xpath中两个冒号_爬虫学习(5)—XPath
之前我们写了一个简单的爬虫,在提取页面信息时我们使用正则表达式来匹配内容,但是正则表达式的书写比较繁琐,而且一旦错误就可能导致匹配失败.对于网页的节点来说,它可以定义id,class或其他的属性,而且 ...
- 一个冒号和两个冒号的区别
双冒号是在css3规范中引入的,用于区分伪类和伪元素 一个冒号:伪类 以下是w3c上列出的伪类 伪类 W3C:"W3C" 列指示出该属性在哪个 CSS 版本中定义(CSS1 还是 ...
- 书写css伪类时冒号前或后多个空格导致该规则失效-softbar
相信多数开发者不会多个空格. 偶然发现的,网上多数css格式化将压缩后的css格式化后会发生这个情况. 搜"css格式化",以下网站 softbar http://www.soft ...
- python字符串两个冒号_Python 数组字符串 冒号 用法
1.一个冒号 a[i:j] a[i:-j] 这里的i指起始位置,默认为0: j是终止位置,默认为len(a),在取出数组中的值时就会从数组下标i(包括)一直取到下标j(不包括j) 在一个冒号的情况下若 ...
- CSS两列高度自适应,右边自适应
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8" ...
- python数组两个冒号_python数组冒号取值操作
1.冒号的用法 1.1 一个冒号 a[i:j] 这里的i指起始位置,默认为0:j是终止位置,默认为len(a),在取出数组中的值时就会从数组下标i(包括)一直取到下标j(不包括j) 在一个冒号的情况下 ...
- ☆超简单css两张静态图片制作动态星空图(无需js和canvas,附所有代码复制即可用)
css两张静态图片制作动态星空图 上个效果图,gif图像质量问题所以显示月亮蓝边,实际上很好看 需要素材: star.html代码如下 <html lang="en"> ...
- html两个div一个在前一个在后,html/css 两个div在同一行
在界面设计的时候,经常需要将两个div在同一行显示. 但是每次都会忘记怎么做,特此随笔,备忘. 如以下要将"第一个div"和"第二个div"显示在同一行: /* ...
最新文章
- Dropout层 tf.keras.layers.Dropout() 介绍
- SpringBoot_日志-指定日志文件和日志Profile功能
- 使用site-maven-plugin在github上搭建公有仓库
- 阿里 Goldeneye 四个环节落地智能监控:预测、检测、报警及定位
- 计算机网络安全基础知识笔记
- 以30字符宽居中输出python字符串_python3字符串
- 【Clickhouse】Clickhouse 表引擎之 Log系列
- 服务器修改域,服务器修改域名
- 吴恩达机器学习 10.支持向量机
- android层叠卡片特效_LINE生日贺卡功能升级 快来试试私人生日贺卡 气球祝福特效...
- 移除Kubeadm部署的kubernetes环境
- 【数据挖掘算法与应用】——数据挖掘导论
- web全栈工程师的自我修养(实际操作方面)
- python鸡兔同笼头35只_python_鸡兔同笼问题
- 塞班系统更新服务器,塞班系统还在更新?网友:我把N8从抽屉里拿了出来
- cocos creator2.3.5休闲游戏英文版(连连看)源码H5+安卓+IOS三端源码
- c语言口语评分系统,FCE口语评分标准:考官更喜欢这样的考生
- mysql复制数据到同一张表
- 新加硬盘但计算机里找不着,电脑开机找不到硬盘怎么办
- Guacamole会话记录屏幕录像