html-list(marker伪元素）

1. ::marker伪元素：是CSS中新出的一种伪元素，用来匹配列表项中的“标记盒子”

下面以li为例进行展示

1.默认html代码

<div class="wrapper">
        <ul>
            <li>html</li>
            <li>css</li>
            <li>javascript</li>
        </ul>
    </div>

效果图

2.square属性

  li{
            /* 方块 */
            list-style-type: square;
        }

3.circle属性

 li{
            /* 空心圆 */
            list-style-type: circle;
        }

4.decimal属性

 li{
            /* 数字 */
            list-style-type: decimal;
        }

4.lower-latin属性

 li{
            /* 小写字母 */
            list-style-type: lower-latin;
        }

5.marker伪元素

 li::marker{
            color: red;
        }

  li::marker{
            color: rgb(18, 137, 111);
            自定义内容
            content: "√";
        }

  li::marker{
            //指定图片
            content: url(./img/icon_qycolor.png);
        }