1.灵活框元素的属性1）order：排序。值越大，越靠后，可以为负。2）flex-grow：分配剩余空间。默认值为0。元素的宽度决定了它占据多少空间。当为一个元素设置flex-grow:1时，该元素将占据整个剩余空间。如果每个人都设置，则代表整个空间分配的总份数。3）flex-basis：子元素的宽度4）flex-shrink：压缩。默认值1表示压缩；0不压缩。应用：Flexbox设置自己显示超出父元素的滚动条。为每个孩子设置flex-shirnk:0；不压缩，为父元素设置overflow:auto；溢出时显示滚动条。5）复合写法：flex:flex-grow(0)flex-shrink(1)flex-basis(auto);flex:1;类似于flex-grow:1;占据了整个剩余空间。2.层次选择器1）后代选择器selectorselector{}2）后代选择器selector>selector只能选择子代，不能选择孙代及以后，但要注意继承3）相邻兄弟选择selector+selector只能选择下一个相邻的兄弟4）相邻兄弟的选择器~选择器只能选择下一个兄弟3.属性选择器可以选择自定义属性1）标签名[属性名]根据属性名选择2）标签名[属性名=”Attributevalue"]属性名和属性值必须匹配3)标签名[Attributename^="value"]以此值开头4)标签名[AttributeName$="value"]以此值结尾5)标签名[属性名*="value"]包含这个值4.结构伪类子系列父元素子元素：first-child{}父元素中的第一个子元素这个子元素必须是最旧的父元素子元素：last-child{}父元素中的最后一个孩子这个孩子必须是老小父元素子元素：nth-??child(n)父元素中的第一个孩子，数字必须与孩子的数字相匹配n是一个自然数，也可以是奇数奇数偶数偶数也可以是4n的倍数4类型级数父元素子元素：first-of-type{}多个子元素中的第一个父元素子元素elements:last-of-type{}多个子元素中的最后一个父元素子元素:nth-of-type(n)多个子元素的个数，n为自然数，可以是奇数也可以是偶数，也可以是一个表达式，例如2n5。target伪类需要结合锚点使用target元素：target{}来设置跳转到本节后出现的样式6.动态伪类：enabled表单的可编辑状态：disabled表单的不可编辑状态：checked表单的选中状态：focus表单获得焦点的状态::选择元素的高亮状态。一般只改变背景颜色和字体颜色
