day-12（正）选择器的知识点学习及回顾

CSS属性选择器

1、E[attr] 希望选择有个属性的元素，而不论属性值是什么 例如： a[href] {color:red}

2、E[attr="value"] 除了选择拥有某些属性的元素，还可以讲进一步缩小选择范围，只选择有特定属性值的元素，例如：

a[href=”www.baidu.com”]{color:red;} 

3、E[att^="value"]指定了属性，并且指定了属性值，属性值是以value开头的 例如：a[title^="text"] {color：red；}

4、E{attr$="value"] 指定了属性，并且指定了属性，属性值是以value结尾的 例如：a[title$="text"]{color:red}

结构伪类选择器：

1、E：fisrt-child 作为父元素的第一个子元素的元素E。与

P：nth-child（1）等同

2、E：last-child 作为父元素的最后一个子元素的元素E。与

P：nth-last-child（1）等同

3、E F：nth-child（n）作为父元素E的第n个子元素F。

:nth-child(length)、

:nth-child(n)、

:nth-child(n*length)、

:nth-child(n+length)、

:nth-child(-n+length)、

:nth-child(n*length+1) 

4、：nth-last-child（） 选择某个元素的一个或多个特定的子元素，从这个元素的最后一个子元素开始算；

5、：only-child 选择的元素是它的父元素的唯一一个子元素

6、：first-of-type 选择一个上级元素下的第一个同类子元素

7、：last-of-type 选择一个上级元素的最后一个同类子元素

8、：nth-last-of-type（）选择指定的元素，从元素的最后一个开始计算

9、：only-of-type 选择指定的元素，从元素的最后一个开始计算

10、：only-of-type 选择一个元素使它的上级元素的唯一一个相同的类型子元素

11、：empty 选择的元素里面没有任何内容

12、：root 选择文档的根元素

CSS伪类选择器

1、ul状态伪类选择器

A、input：enabled{可用状态下的样式}

B、input：disabled{禁用状态下的样式}

C、input：checked{选中状态下的样式}

2、否定伪类选择器

：not() 除了括号中选定的标签格式不变，其余的改变

3、目标伪类选择器

：target 选择器可用于选取当前活动的目标元素

使用该选择器来对页面中的某个target元素（该元素的id当做页面中的超链接来使用）指定样式，该样式只在用户点击了页面中的超链接，并且跳转到target元素后期作用。

小练习;