css3 选择器

Html5我们已经学习完毕了，下面我们进行下一项css3学习。

首先学习一下选择器的应用：

1 CSS3选择器

1.1属性选择器
E[attr ^= “value]: 找到以value开头的属性值。 E是标签名可以不写，attr是属性例如id、class。
E[attr $= “value]: 找到以value结尾的属性值。 E是标签名可以不写，attr是属性例如id、class。
[title~=“tt”] 选择设置了title属性包含完整tt的单词。必须有独立的tt。
[title*=“tt”] 选择设置了title属性包含tt的元素。


1.2伪类选择器
1、和用户页面相关
E：ｅｎａｂｌｅ｛｝：元素被激活的时候触发，比如搜索框获得焦点。
Ｅ：ｄｉｓａｂｌｅｄ｛｝：元素被禁用的时候触发，比如不可获得焦点。
Ｅ：ｃｈｅｃｋｅｄ｛｝：当元素被选中的时候触发，比如ｒａｄｉｏ或ｃｈｅｃｋｂｏｘ元素的选中。
p::selection ：选中的时候触发，比如一大段字被选中的时候，给选中文字设置字体。
注意：只能向 ::selection 选择器应用少量 CSS 属性：color、background、cursor 以及 outline。
２、结构性伪类
E：root，在HTML文档中就是HTML元素。
Body的高度到底是啥？当我们没有对HTML元素设置背景颜色的时候，HTML会自动读取body的背景颜色。
E：empty：当一个元素没有内容（没有子元素）的时候触发。
E:nth-child(index)：所有元素的父元素的第index孩子，孩子的编号是从一开始的，同时编号的顺序不管 什么类型的元素 依次递增。
E：nth-of-type(index){}:所有元素的父元素的第index孩子，孩子的编号根据统一类型的元素进行编号，如果一个元素有多种元素（div、H3、p），那么就有多种编号。
E:first-of –type: == E:nth-of-type(1){}
E:last-of-type == E:nth-of-type(最后一个){}