滚动条

overflow-x: scroll;
overflow-y: hidden;

固定元素不被挤压

flex-shrink: 0;

https://www.cnblogs.com/gxywb/p/13083540.html

div{white-space:nowrap;
}

div{word-wrap: break-word;word-break: normal;
}

 div{word-break:break-all;}

white-space: pre-wrap

伪类选择器都是以 : 开头

伪类选择器也是一种选择器，所以可以单独使用，但是单独使用代表给所有元素都加上效果，所以我们一般会配合交集选择器一起用，例： .box:hover 代表既要满足有类box，又要满足悬停时才应用的样式

注意：它不是说找到某个子元素，而是找到在父元素中是第几个子元素！

例：

<style>li:first-child{color:red;}
</style>
<ul><span>我是span</span><li>我是li</li>
</ul><!-- 以上代码，没有元素能把文字变为红色 -->

展开阅读全文