重新定义li样式如何操作

  有时我们对默认的li样式不是特别满意,比如li前的点和文字间隔太小或太大,如果要调整需要如何操作呢?随ytkah一起来看看吧

  1.首先把默认的样式隐藏

.ProductMeta__Description .Rte li {
    padding: 1px 0;
    position: relative;
    list-style: none;
    padding-left: 15px;
}

  2.添加新的样式

.ProductMeta__Description .Rte li::after {
    content: '';
    margin-right: 2px;
    position: absolute;
    top: 8px;
    left: 2px;
    width: 5px;
    height: 5px;
    background: #666;
    border-radius: 50%;
}

  示例样式如下

 

posted @ 2021-05-28 09:50  ytkah  阅读(247)  评论(0编辑  收藏  举报
网址导航 gg N / G Sitemap

部分内容来源于网络,如有版权问题请联系删除