不被重视的CSS

BFC--block formatting context

在制作下拉选择框的时候选择内容超出了盒子大小，因此需要用到overflowY: scroll属性。
温习一下overflow的各个属性的含义：
visible，默认值。内容不会被修剪，会呈现在元素框之外。
hidden，内容会被修剪，并且其余内容是不可见的。
scroll，内容会被修剪，并且浏览器会使用滚动条。（这避免了在动态环境中滚动条的出现和消失问题。）打印机会打印溢出的内容。
auto，取决于用户代理。浏览器，例如火狐，会在内容溢出时提供滚动条。
inherit

使用 overflow 默认值（visible）以外的值将创建一个新的block formatting context
块级格式化上下文

一个块格式化上下文包括创建它的元素内部所有内容，除了被包含于创建新的块级格式化上下文的后代元素内的元素。
块格式化上下文对于定位 float) 与清除浮动clear 很重要。定位和清除浮动的样式规则只适用于处于同一块格式化上下文内的元素。浮动不会影响其它块格式化上下文中元素的布局，并且清除浮动只能清除同一块格式化上下文中在它前面的元素的浮动。

Pseudo-classes

更改列表的第一条样式时使用到了伪类，以前只对鼠标悬停相关事件了解，现在了解了不同位置的元素都可以使用----Pseudo-classes传送门

selector:pseudo-class { property: value; }