# 实例

设置一些不同的列表样式：

# 无序列表实例

ul.circle {list-style-type: circle}

ul.square {list-style-type: square}

# 有序列表实例

ol.upper-roman {list-style-type: upper-roman}

ol.lower-alpha {list-style-type: lower-alpha}

# list-style-type 属性定义及用法

在 css 中，list-style-type 属性是使用来设置列表项标记的类型，在有序列表和无序列表中经常都会使用该属性。

目前，所有主流浏览器都支持 list-style-type 属性，但是任何版本的 Internet Explorer（包括 IE8）都不支持属性值 "decimal-leading-zero"、"lower-greek"、"lower-latin"、"upper-latin"、"armenian"、"georgian" 或 "inherit"；

如果需要同时设置多个列表属性，可以使用 list-style 属性，list-style 属性可以在一个声明中同时设置 list-style-type（列表项标记的类型）, list-style-position（何处放置列表项标记）, list-style-image（图像来替换列表项的标记）属性；

# 所有 CSS 伪类、元素

# 一：display:flex 布局

display:flex 是一种布局方式。它即可以应用于容器中，也可以应用于行内元素。是 W3C 提出的一种新的方案，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览器的支持。

Flex 是 Flexible Box 的缩写，意为 "弹性布局"，用来为盒状模型提供最大的灵活性。设为 Flex 布局以后，子元素的 float、clear 和 vertical-align 属性将失效。

我们在使用 vue 脚手架时，为了规范团队的代码格式，会有一个代码规范检测，如果不符合规范就会报错，有时候我们不想按照他的规范去写。这时我们需要关闭。这里有两种方法。

做网页有时候会用到 JS 检测 IE 的版本，下面是检测 Microsoft Internet Explorer 版本的三种代码！
有一种代码：

这个只能自己去覆盖样式，通过元素审查查看原代码

.el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content {

    background-color: #f0f7ff;

}