Html 正在删除引导4 |列表组项中的边框半径

我是bootstrap新手，并且已经用我的自定义CSS类超越了bootstrap边界半径属性

。边界半径无{
边界半径：0；
}

将此类添加到css中以覆盖

。列出组项

或

。列出组项：最后一个子项

，并将指向css的链接放在boostrap css链接之后

    .list-group-item{
                border-radius: 0;
     }

或

---

一些类是根据文档

class=“rounded-0”

在引导中预定义的，该文档将

边界半径设置为
0





类别


羊驼

而不是使用
。边界半径无{
边界半径：0；
}

使用
。边框半径无{
边界半径：无；
}

如果你不想添加！重要信息：请尝试指定类use
.classname>.innerclass{border:none；}
这是写入边界半径0的另一种方法；内联


。列出组项
{
边界半径：34px；
}


最近的工作
您可以检查


.列表项组：第一个子项为0,0,2,0（类*1+伪类*1）


.列表项组：0,0,1,0
：第一个孩子：0,0,1,0

.无边框为0,0,1,0（类别*1）


你有多种方法来增加你的CSS特异性值，简单的方法是使用两个类


.border无，
.border-none.list-group-item{
边界半径：0；
}

最近的工作
有什么问题吗
！重要信息
这是防止重写的方法，但我已经读到，这不是解决问题的正确方法，“因为它会破坏样式表中的自然级联，从而使调试更加困难”。根据链接中提到的文章，但是您可以覆盖bootstrapHe的唯一方法已经存在，并试图避免！在他的CSS中很重要。当然，我已经删除了重要的内容，只要该类被重写，border radius将removestyle=“border radius:0；”使用样式这是糟糕的编码实践！！是的，我知道，但只有这种方法，以消除边界半径不使用！importantt该类在ans中总是存在的，因此.rounded-0{border radius:0！important；}没有值作为border radius:none；
.list-group-item:last-child{
                border-radius: 0;
     }