html语言中的双冒号,css单冒号和双冒号用法和区别

最近突然被别人问起css单冒号和双冒号有什么区别，答曰：“不知道”。

虽然还在填坑中，但作为一个跨过了初级的FEer,感觉着实汗颜，刚好今天下午在搜别的问题的时候，突然看到一个对比，嗯，我觉得写得还不错，暂时没有自己总结，所以先转了。

1、伪类与伪元素

CSS伪元素：用于将特殊的效果添加到某些选择器。伪元素代表了某个元素的子元素，这个子元素虽然在逻辑上存在，但却并不实际存在于文档树中。

伪类的效果可以通过添加一个实际的类来达到，而伪元素的效果则需要通过添加一个实际的元素才能达到，这也是为什么他们一个称为伪类，一个称为伪元素的原因。

CSS3为了区分伪类和伪元素，已经明确规定了伪类用一个冒号来表示，而伪元素则用两个冒号来表示。但因为兼容性的问题，所以现在大部分还是统一的单冒号，但是抛开兼容性的问题，我们在书写时应该尽可能养成好习惯，区分两者。

单冒号(:)用于css3伪类，双冒号(::)用于CSS3伪元素。伪元素由双冒号和伪元素名称组成。不过浏览器需要同时支持旧的已经存在的伪元素写法，比如:first-line、:first-letter、:before、:after等，而新的在CSS3中引入的伪元素则不允许再支持旧的单冒号的写法。

2、CSS3新增伪类

html语言中的双冒号,css单冒号和双冒号用法和区别相关推荐

R语言数据分析笔记——t检验（含正态性检验和方差齐性检验在SPSS和R语言中的操作t检验（单样本、双独立样本、配对样本）在Excel、SPSS、R语言中的操作）
前言:本文为个人学习笔记,为各大网站上的教学内容之综合整理,综合整理了①假设分析的基础知识.②正态性检验和方差齐性检验在SPSS和R语言中的操作.③t检验(单样本.双独立样本.配对样本)在Excel. ...
linux 网卡设置双ip,CentOS7单网卡设置双IP的方法
linux系统CentOS7单网卡设置双IP的方法,centos7.5.7.6.7.7设置双IP教程 ifconfig -a 来查看网卡情况就可以看到enp1s0f0和enp1s0f1等几个网卡,也 ...
Linux--Linux Shell 中的反引号，单引号，双引号
反引号位 (`) 位于键盘的Tab键的上方.1键的左方.注意与单引号(')位于Enter键的左方的区别. 在Linux中起着命令替换的作用.命令替换是指shell能够将一个命令的标准输出插在一个命令行 ...
c语言中如何确保一个程序是单例的_c++单例模式
前言在设计模式中,单例模式是最简单的一种.如何确保让一个资源在使用中只能实例化一次呢?如何确保在多线程环境下是线程安全的呢?本文将从最简单的单例到线程安全的单例一一讲解. 一.单线程环境以下是最起 ...
font在html语言中是什么意思,CSS中font是什么意思？
font代表字体,是CSS中的一个简写字体属性,用于一次设置元素字体的两个或更多方面,可以在一个声明中设置所有字体属性. CSS font属性 font 简写属性可在一个声明中设置所有字体属性. 说明 ...
C语言中文件包含#include使用尖括号和双引号的区别
用尖括号 #include <>: 一般用于包含标准的库头文件,编译器会去系统配置的库环境变量和者用户配置的路径去搜索,而不会在项目的当前目录去查找用双引号 #include " ...
html语言中如何设置字体,css中如何设置字体样式？
CSS设置字体 DIV内文字字体样式如何设置,怎么设置对象内文字字体样式,比如黑体.宋体.微软雅黑.英文字体等字体如何设置? css可以通过font-family属性来设置字体样式,font-fami ...
在c语言中逗号运算符若不带括号,详解shell脚本括号区别--$()、$「」、$「」、$(()) 、「」、「[ 」]...
概述很多时候我们在写shell脚本的时候总会碰到不同的括号,那么这些不同的括号有什么区别呢? $() 用于命令交换说明:平时脚本用的``符号也是用于命令交换的哦,和$() 的操作是一样的 ${ } ...
单台计算机双ip设置,单网卡设双IP也有优先级
上次布网时因为其中一台电脑要同时连接两个网络(一个接猫上互联网,一个连接本地的局域网),因此在它的单网卡上设置了双IP(192.x.x.x与131.x.x.x).没几天,告之要共享另一台电脑(未设双I ...

html语言中的双冒号,css单冒号和双冒号用法和区别

html语言中的双冒号,css单冒号和双冒号用法和区别相关推荐

最新文章

热门文章