一、基础选择器

1、通配符选择器[*]

2、d选择器

3、class选择器（类选择器）

4、标签选择器（元素选择器）

5、属性选择器

[attribute]：用于选取带有指定属性的元素

[attribute=value：用于选取带有指定元素和值的元素]

[attribute~=value]：用于选取属性值中包含指定词汇的元素。

[attribute|=value]：用于选取带有以指定值开头的属性值的元素，该值必须是整个单词。

[attribute^=value]：匹配属性值以指定值开头的每个元素，该值不一定是一个完整单词

[attribute$=value]：匹配属性值指定值结尾的每个元素，该值不一定是一整个单词。

[attribute\*=value]：匹配属性值中包含指定值的每个元素, 该值不一定是一个完整单词。

二、结构选择器

1、后代选择器

例：div p{}
.fbox .box{}

2、子元素选择

例：.fbox>div{}
.fbox>.demo{}

3、相邻兄弟选择器

例： h1+p
p+div

三、伪类选择器

:link 未访问过的元素

:visited 已访问过的元素，已经被激活的元素

:hover 鼠标悬停的时候

:active 正在被激活

ps：hover 必须在link和visted之后定义才能有效，active必须在hover之后定义才能有效，伪类的名称不区分大小写。

:empty 选择每个没有子元素或内容的指定元素。

:nth-child(n) 选择所有，父元素的第n个子元素是指定元素的元素。

:nth-of-type(n) 选择所有父元素的第n个指定元素

:first-child 选择每个作为其父级的第一个子元素的指定元素

:first-of-type 选择所有父元素中的第一个指定元素

:last-child 选择每个其父级的最后一个子元素是指定选择器的元素

:last-of-type 选择每个父元素中的最后一个指定选择器的元素

:not(selector) 选择每个不是selector的元素

selector:nth-last-child(n) 选择所有父元素的倒数第n个子元素是selector的元素。

selector:nth-last-of-type(n) 选择每个作为父元素的倒数第n个selector元素。

selector:only-child 选择所有父元素中只有唯一的一个元素，并且是selector元素

selector:only-of-type 选择所有父元素中唯一个的一个selector 元素.

四、表单相关的伪类

:checked 选择的每个选中的 input元素

:disabled 选择每个禁用的input元素

:enabled 选择每个启用的input元素

:focus 选择具有焦点的input元素

:invalid 选择所有具有无效值的input元素

:in-range 选择值在指定范围内的input元素

:out-of-range 选择值超出指定范围的input元素

:optional 选择没有“required”属性的input元素

:required 选择有“required”属性的input元素

HTML基础知识（八）——H5新增选择器相关推荐

基础知识【H5新增知识1】
<!DOCTYPE> 该标签告知浏览器文档所使用的 HTML 规范(版本声明) 新增标签 video autoplay autoplay 如果出现该属性,则视频在就绪后马上播放. cont ...
Java基础知识(八) Java平台与内存管理
Java基础知识 1. 为什么说Java是平台独立性语言 2. Java 平台与此他语言平台有哪些区别 3. JVM 加载 class 文件的原理机制是什么 4. 什么是GC 5. Java 是否存在 ...
Python基础知识(八)：模块化、标准库、第三方库
一.模块化编程理念_什么是模块_哲学思想 1.模块和包概念的进化史 Python 程序由模块组成.一个模块对应python 源文件,一般后缀名是:.py. 模块由语句组成.运行Python 程序时,按 ...
数据库基础知识(八)
Java代码连接Mysql数据库第一步:下载MySQL连接驱动https://dev.mysql.com/downloads/connector/j/ 第二步: 加载驱动第三步:代码加载数据库驱动 ...
css基础知识（样式及选择器）
首先说明css的语法结构:选择器{属性:属性值;属性:属性值;}注意分号是一定要写,不写下面的属性就没效果一,css引入方式分为四种引入方式:1,行内样式 2,内嵌样式 3,外链样式 4,导 ...
java 基础知识八正则表达式
正则表达式是一种可以用于模式匹配和替换的规范, 一个正则表达式就是由普通的字符(例如字符a到z)以及特殊字符(元字符)组成的文字模式, 用以描述在查找文字主体时待匹配的一个或多个字符串.正则表达式作 ...
PHP面试 PHP基础知识八（会话控制）
---恢复内容开始--- PHP会话控制技术首先了解一下为什么要使用会话控制技术? 本身web 与服务器的交互是通过HTTP协议来实现的,而HTTP协议又是无状态协议.就是说明HTTP协议没有一个內 ...
android 强制下线功能,Android学习之基础知识八—Android广播机制实践（实现强制下线功能）...
强制下线功能算是比较常见的了,很多的应用程序都具备这个功能,比如你的QQ号在别处登录了,就会将你强制挤下线.实现强制下线功能的思路比较简单,只需要在界面上弹出一个对话框,让用户无法进行任何操作,必须要 ...
Java基础知识(九) 容器
Java基础知识 1. Java Collections 框架是什么 2. 什么是迭代器 3. ArrayList.Vector 和 LinkedList 有什么区别 4. HashMap.Hasht ...

HTML基础知识（八）——H5新增选择器

一、基础选择器

二、结构选择器

三、伪类选择器

四、表单相关的伪类

HTML基础知识（八）——H5新增选择器相关推荐

最新文章

热门文章