一个冒号两个冒号:::

  一个冒号是伪类,两个冒号是伪元素

伪类有----:first-child ,:link , :vistited,:hover:,active:focus,:lang用于监控动作
伪元素有--::first-line,::first-letter,::before,::after用于定位元素
:link伪类将应用于未被访问过的链接,与:visited互斥。
:hover伪类将应用于有鼠标指针悬停于其上的元素。
:active伪类将应用于被激活的元素,如被点击的链接、被按下的按钮等。
:visited伪类将应用于已经被访问过的链接,与:link互斥。
:focus伪类将应用于拥有键盘输入焦点的元素。
:first-child伪类将应用于元素在页面中第一次出现的时候。
:lang伪类将应用于元素带有指定lang的情况。
CSS3 :checked 选择器   为所有选中的输入元素设置背景颜色
::first-letter伪元素的样式将应用于元素文本的第一个字(母)。
::first-line伪元素的样式将应用于元素文本的第一行。
::before在元素内容的最前面添加新内容。
::after在元素内容的最后面添加新内容。
::before和::after通常与CSS内容生成配合使用

CSS一个冒号是伪类:用于监控动作、两个冒号是伪元素::用于定位元素相关推荐

  1. CSS 伪类: 什么是 CSS 伪类?CSS 伪类怎么分类? CSS 伪类有哪些?以及分类对应的伪类

    本章讲解的内容为 CSS 伪类 . 废话不多说, 直接上代码以及图例 (为了让大家方便阅读, 都有自己验证过程的一些图片作为分享) . 一: 什么是 CSS 伪类? 1. CSS 伪类是用来添加一些 ...

  2. CSS样式中伪类和伪类元素的区别(css中一个冒号和两个冒号的区别)

    首先介绍下什么是伪类,所谓伪类就是: 伪类选择元素基于的是当前元素处于的状态,或者说元素当前所具有的特性,而不是元素的id.class.属性等静态的标志.由于 状态是动态变化的,所以一个元素达到一个特 ...

  3. css中伪类与伪元素的区别

    一:伪类: 1:定义:css伪类用于向某些选择器添加特殊效果. 伪类其实与普通的css类相类似,可以为已有的元素添加样式,但是他只有处于dom无法描述的状态下才能为文档树中的元素添加样式,所以将其称为 ...

  4. css中伪类和伪元素有什么不一样

    css中的伪类[:]和伪元素[::]都是我们日常开发过程中会用到的伪元素选择器,有时候我们用的是[:],有时候用的又是[::],有时候又好像两者都行,这到底是为什么呢?今天我们就来看看这两个东西到底有 ...

  5. 图解CSS伪类和伪元素

    1 简介 伪类和伪元素都属于CSS选择器的附加关键字,在形式上,用单冒号:表示伪类,用双冒号::表示伪元素,如: // 伪类 div:hover {}// 伪元素 div::after {} 注意:由 ...

  6. CSS 伪类与伪元素

    CSS的元素选择器除了根据id(#).class(.).属性([ ])选取元素以外,还有很重要的一类,就是根据元素的特殊状态来选取元素.它们就是伪类和伪元素.跟id选择器.类选择器.属性选择器以及派生 ...

  7. CSS:基本概念、选择器、伪类伪元素

    基本概念 HTML使用结构化标记的理由:易于建立内容索引.增加文档可用性.增加可访问性.易于维护.  元素(element):文档结构的基础,每个元素生成一个框(box)其中包含元素的内容, 元素的两 ...

  8. CSS基础(part3)--伪类及伪元素

    学习笔记,仅供参考,有错必纠 参考自:CSS中文文档 文章目录 CSS 伪类 伪元素 `:first-line` `:first-letter` `:first-child` `:before` 和` ...

  9. CSS 伪类选择器:如何使用 CSS3 伪类

    CSS 伪类选择器:如何使用 CSS3 伪类 CSS3 是个好东西,但也很容易被她的变形(transform)和动画(其中许多特性因浏览器厂商而异)特性所迷惑,因而忘了那些已经被添加到标准规范中的最为 ...

最新文章

  1. 软件设计原则——里氏代换原则
  2. jstl sql标签使用
  3. master slave mysql_Mysql---Master-slave复制方案 - dba成长之路 - 博客频道 - CSDN.NET
  4. 电脑要什么配置好_学平面设计用什么电脑比较好?对配置要求高吗?
  5. C++和Opencv4.5 实现全景图像拼接
  6. python连接impala_python连接impala(安装impyla)
  7. 大同大学计算机与网络工程学院,计算机与网络工程学院代表队 在第十一届“蓝桥杯”全国软件和信息技术人才大赛全国决赛中再获佳绩...
  8. 方舟服务器在线人数查询软件,时隔4年,方舟生存进化稳居Steam在线人数前十,让他游戏都嫉妒?...
  9. webpack配置:less/sass文件打包和分离、自动处理css前缀、消除未使用的css及完整的webpack.config.js文件...
  10. excel怎么并排查看两个工作表
  11. android之app自动启动
  12. R语言预测初步(R语言预测实战-节选)
  13. java隐式参数的作用_隐式参数_scala教程_田守枝Java技术博客
  14. OI造数据以及Lemon评测教程
  15. python pdfminer中文字体问题_在python中使用pdfminer处理连字
  16. Qt 动态添加控件,并删除指定控件
  17. java使用jacob给word添加水印
  18. 魔百盒CDN00001_移动魔百盒设置最佳DNS方法
  19. 文献阅读:Improving neural networks by preventing co-adaptation of feature detectors
  20. 华为mate20 android,华为mate20pro开箱

热门文章

  1. Numpy中的堆叠(stack)操作
  2. 博客园首页新随笔联系管理订阅 Linux下四款Web服务器压力测试工具(http_load、webbench、ab、siege)介绍
  3. Python面向对象,类,继承,多态及鸭子类型,获取类的类型,方法和属性(类似java的反射)
  4. 窗口分析函数_1_生成不重复排名序号
  5. ROI Pooling层解析
  6. Win10+vs2013+Caffe静态库配置自己的工程
  7. 良好的代码编写风格(二十五条)
  8. linux字符设备驱动的 ioctl 幻数
  9. appium输入和清除操作各方法对比(android)
  10. CSS3:linear-gradient,线性渐变的使用方法