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元素或者文字水平居中。
