CSS一个冒号是伪类:用于监控动作、两个冒号是伪元素::用于定位元素
一个冒号两个冒号:::
一个冒号是伪类,两个冒号是伪元素
伪类有----: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一个冒号是伪类:用于监控动作、两个冒号是伪元素::用于定位元素相关推荐
- CSS 伪类: 什么是 CSS 伪类?CSS 伪类怎么分类? CSS 伪类有哪些?以及分类对应的伪类
本章讲解的内容为 CSS 伪类 . 废话不多说, 直接上代码以及图例 (为了让大家方便阅读, 都有自己验证过程的一些图片作为分享) . 一: 什么是 CSS 伪类? 1. CSS 伪类是用来添加一些 ...
- CSS样式中伪类和伪类元素的区别(css中一个冒号和两个冒号的区别)
首先介绍下什么是伪类,所谓伪类就是: 伪类选择元素基于的是当前元素处于的状态,或者说元素当前所具有的特性,而不是元素的id.class.属性等静态的标志.由于 状态是动态变化的,所以一个元素达到一个特 ...
- css中伪类与伪元素的区别
一:伪类: 1:定义:css伪类用于向某些选择器添加特殊效果. 伪类其实与普通的css类相类似,可以为已有的元素添加样式,但是他只有处于dom无法描述的状态下才能为文档树中的元素添加样式,所以将其称为 ...
- css中伪类和伪元素有什么不一样
css中的伪类[:]和伪元素[::]都是我们日常开发过程中会用到的伪元素选择器,有时候我们用的是[:],有时候用的又是[::],有时候又好像两者都行,这到底是为什么呢?今天我们就来看看这两个东西到底有 ...
- 图解CSS伪类和伪元素
1 简介 伪类和伪元素都属于CSS选择器的附加关键字,在形式上,用单冒号:表示伪类,用双冒号::表示伪元素,如: // 伪类 div:hover {}// 伪元素 div::after {} 注意:由 ...
- CSS 伪类与伪元素
CSS的元素选择器除了根据id(#).class(.).属性([ ])选取元素以外,还有很重要的一类,就是根据元素的特殊状态来选取元素.它们就是伪类和伪元素.跟id选择器.类选择器.属性选择器以及派生 ...
- CSS:基本概念、选择器、伪类伪元素
基本概念 HTML使用结构化标记的理由:易于建立内容索引.增加文档可用性.增加可访问性.易于维护. 元素(element):文档结构的基础,每个元素生成一个框(box)其中包含元素的内容, 元素的两 ...
- CSS基础(part3)--伪类及伪元素
学习笔记,仅供参考,有错必纠 参考自:CSS中文文档 文章目录 CSS 伪类 伪元素 `:first-line` `:first-letter` `:first-child` `:before` 和` ...
- CSS 伪类选择器:如何使用 CSS3 伪类
CSS 伪类选择器:如何使用 CSS3 伪类 CSS3 是个好东西,但也很容易被她的变形(transform)和动画(其中许多特性因浏览器厂商而异)特性所迷惑,因而忘了那些已经被添加到标准规范中的最为 ...
最新文章
- 软件设计原则——里氏代换原则
- jstl sql标签使用
- master slave mysql_Mysql---Master-slave复制方案 - dba成长之路
- 博客频道 - CSDN.NET
- 电脑要什么配置好_学平面设计用什么电脑比较好?对配置要求高吗?
- C++和Opencv4.5 实现全景图像拼接
- python连接impala_python连接impala(安装impyla)
- 大同大学计算机与网络工程学院,计算机与网络工程学院代表队 在第十一届“蓝桥杯”全国软件和信息技术人才大赛全国决赛中再获佳绩...
- 方舟服务器在线人数查询软件,时隔4年,方舟生存进化稳居Steam在线人数前十,让他游戏都嫉妒?...
- webpack配置:less/sass文件打包和分离、自动处理css前缀、消除未使用的css及完整的webpack.config.js文件...
- excel怎么并排查看两个工作表
- android之app自动启动
- R语言预测初步(R语言预测实战-节选)
- java隐式参数的作用_隐式参数_scala教程_田守枝Java技术博客
- OI造数据以及Lemon评测教程
- python pdfminer中文字体问题_在python中使用pdfminer处理连字
- Qt 动态添加控件,并删除指定控件
- java使用jacob给word添加水印
- 魔百盒CDN00001_移动魔百盒设置最佳DNS方法
- 文献阅读:Improving neural networks by preventing co-adaptation of feature detectors
- 华为mate20 android,华为mate20pro开箱
热门文章
- Numpy中的堆叠(stack)操作
- 博客园首页新随笔联系管理订阅 Linux下四款Web服务器压力测试工具(http_load、webbench、ab、siege)介绍
- Python面向对象,类,继承,多态及鸭子类型,获取类的类型,方法和属性(类似java的反射)
- 窗口分析函数_1_生成不重复排名序号
- ROI Pooling层解析
- Win10+vs2013+Caffe静态库配置自己的工程
- 良好的代码编写风格(二十五条)
- linux字符设备驱动的 ioctl 幻数
- appium输入和清除操作各方法对比(android)
- CSS3:linear-gradient,线性渐变的使用方法