本文主要介绍了CSS3选择器，和你需要的朋友可以参考一下。





这些选择器相对简单。他们不再是一个例子。他们还讨论了不同浏览器的浏览器的兼容性和支持。

1：属性选择器

{ }：attr = val属性属性是瓦迩；
{ }：attr * = val属性属性包含值；
{属性^ =瓦尔}：属性的属性的开始是瓦迩；
{ }：美元= val属性的属性的属性到底是瓦迩；

二：伪类选择器

第一行，使用元素第一行的样式。
第一个字母，使用第一个字母（欧洲和美国字符）或第一个词（中文或日文和其他汉字）为某个元素的文字。
在某些元素之前插入一些内容。
例如，博士。GYS：之前的内容：{；}
之后，在元素后面插入内容。

：root，有效文本区域，即HTML区域
例子：根{背景：'；}
身体{背景：黄；}
此时，整个页面的背景将是黄色的，文本区域的背景颜色是红色。
：不，去除不需要的子元素
例如：身体：不（H1）{颜色：红色；} / /身体的所有子元素，同时排除H1元素
空时，元素的内容是空白的，是使用的样式。
目标：跳转到该链接后，执行该样式。
例如:
一千一百一十一亿一千一百一十一万一千一百一十一
二百二十二兆二千二百二十二亿二千二百二十二万二千二百二十二
一千一百一十一万亿、一千一百一十亿零一百、一千一百一十一万一千零一和十一
二千二百二十二亿二千二百二十二万二千二百二十二

# test1：目标{背景颜色：# 000；} / /跳到ID = test1当背景颜色的变化

第一个孩子，第一个子元素
最后一个子元素，最后一个子元素
nth-child（n），n指定的父元素、子元素。如果它的子元素的奇偶序列和技术序列的子元素
n最后一个孩子（N），指定的逆数子元素的父元素N，N如果是奇偶序列的子元素，以及即使基数序列的子元素
n类型（n），指定相同类型中指定的n
最后一种类型的n（n），指定相同类型中倒数n的元素。
n个子（a + i）循环使用方式。
例如，李：nth-child（4n＋1）{颜色：红色；}
李：nth-child { 2 } { 4n+1的颜色：bluee；}
李：nth-child（4n＋3）{颜色：黄色；}
李：nth-child（4n＋4）{颜色：黑色；}
：独生子，在父元素中只有一个子体时使用。
例如，李：独生子女{颜色：红色；}

三，形成伪类选择器

激活元素被激活（鼠标尚未升起）
当焦点得到焦点时，
悬停时，鼠标悬挂在元素上。
例如，输入{类型=}：中主动{颜色：# F00；}
输入{类型=}：中重点{颜色：# F00；背景颜色：# 960；}
输入{类型=中}：悬停{颜色：# 0f0；}

启用后，元素处于可用状态，
禁用，该元素处于不可用状态。
只读，元素处于只读状态。
读写时，元素处于非只读状态。

检查表单中单选或复选框选中状态的样式
默认：当页面打开时，选中的框或复选框样式默认为所选状态。
不确定：当指定要打开的页面时，如果单个框中的单个框未设置所选状态，则选择整个租用框样式。如果用户选择其中任何一个，样式将被取消。目前，它只得到歌剧的支持。
选择，但元素处于选中状态。