前端之css遇到的问题

一、:nth-child(n) 选择器匹配属于其父元素的第 N 个子元素，不论元素的类型
二、:nth-of-type(n) 选择器匹配属于父元素的特定类型的第 N 个子元素的每个元素

例子：
p:nth-child(1)的情况：没有背景变红色 / 查找p的父元素的第一个子元素 且为p（找不到）故没变色 */
p:nth-of-type(1)的情况：第一个段落变红色 / 查找p的父元素的p子元素中 的第一个p元素 */

p:nth-child(2)的情况：第一个段落变红色 / 查找p的父元素的第二个子元素 且为p 故第一段落变红 */
p:nth-of-type(2)的情况：第二个段落变红色 / 查找p的父元素的p子元素中 的第二个p元素 */

三、height:auto是高度随内容的高度自适应，height:100%是随最近的已确定高度的上代元素的高度的100%。

四、word-break:break-all;/断词/
white-space:nowrap;/强制一行显示/

/**超出部分隐藏省略号**/
overflow:hidden;
text-overflow:ellipsis;