任务八

CSS选择器常见的有几种?#####

• 标签选择器----例如：p{}
• 后代选择器----例如：div{}
• 伪类选择器----例如：a：hover{}
• 通用选择器----例如：*{}
• 属性选择器----例如：p[title]{}
• 子选择器-----例如：div>p{}
• 相邻同胞选择器--例如：h3+p{}

选择器的优先级是怎样的?####

1.标有!important的样式
2.写在标签后的style=""
3.#wrapper #content{}
4.#wrapper .datepost{}
5.div#content{}
6.#content{}
7.div.com ment .datepost{}
8.p.comment{}
9.div p{}
10.p{}
11.*{}

class 和 id 的使用场景?#####

当页面元素会不止一次的使用到某个样式时就用class；
当目标元素非常独特，并且这个元素只会出现一次就用id.

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

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

`#header{}`id="header"的元素
`.header{}`class="header"的元素
`.header .logo{}`class="logo"且父元素或者祖先元素class="header"
`.header.mobile{}`
`.header p,.header h3{}`p与h3元素且且父元素或者祖先元素class="header"
`#header .nav>li{}`li元素且父元素为class="nav"，祖先元素id="header"
`#header a:hover{}`父元素或者祖先元素id="header"的a鼠标滑过。

列出你知道的伪类选择器#####

:hover,:active,:fous,:visited,:linked,:before,:after,:lang.

:first-child和:first-of-type的作用和区别######

:first-of-type 选择器匹配属于其父元素的特定类型的首个子元素的每个元素。例如P:first-of-type,选取的是只要p元素在其父元素中第一次出现的。
:first-child 选择器用于选取属于其父元素的首个子元素的指定选择器。例如P:first-child,选取的是p元素并且相对于其父元素，p是第一个子元素。

text-align: center的作用是什么，作用在什么元素上？能让什么元素水平居中#####

text-align:center,写在block元素上，可以让其内部的inline/inline-block元素或者文字水平居中。