Task8

1.css常见的选择器有几种

1. id选择器
2. class选择器
3. 分组选择器
4. 属性选择器
5. 派生选择器
6. 伪类选择器

2.选择器的优先级是怎样的?

1. 在属性后面使用!important，会覆盖任意定义样式
2. 在html中给元素标签加style，不宜与维护和管理
3. 由一个或多个id选择器来定义的样式
4. 由一个或多个 类选择器、属性选择器、伪类选择器定义
5. 由一个或多个 类型选择器定义如div{}
6. 通配符选择器定义的

3.class 和 id 的使用场景?

• id在页面是唯一的，常作用于大范围，标示度高的标签上
• class用于头部和页脚标签中具体的标签

4.使用CSS选择器时为什么要划定适当的命名空间？

主要是为了使自己定义的样式只对当前区块生效，避免与他人产生冲突；

5.以下选择器分别是什么意思?

1. 选取id=header的标签为其添加样式
2. 选取class=header的标签为其添加样式
3. 选取class=header的标签后代中 class="logo"的标签为其添加样式
4. 选择class=header和mobile的元素的标签为其添加样式
5. 选择class=header标签中后代为p和h3的元素
6. 选取id=header的元素后代中class为nav元素的直接后代li元素
7. 选取id=header的元素后代中a元素为其添加鼠标悬停时的样式

6.列出你知道的伪类选择器

:last-of-type  ```

### 7.:first-child和:first-of-type的作用和区别
:first-child定义父元素下的第一个子元素，如a:first-child，如果第一个子元素是a则样式生效，不是a则不生效
:first-of-type定义父元素下的第一个子元素，如：a:first-of-type，找到父元素下同类型对应的第一个a元素，然后赋予对应样式

### 8.运行如下代码，解析下输出样式的原因。

![Paste_Image.png](https://img.haomeiwen.com/i3264781/253b6bf4fc2e8167.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
因为aa为父元素下第一个子元素，所以item:first-child只对a生效，而item类中aa和bb都是父元素下同类型的第一个子元素，所以item:first-of-type 生效

### 9. text-align: center的作用是什么，作用在什么元素上？能让什么元素水平居中
作用于块级元素中的行内元素或文本居中。

### 10.如果遇到一个属性想知道兼容性，在哪查看?
[caniuse](www.caniuse.com)