Question

我首先在我的页面中有两个css：bootstrap css和第二个我的自定义样式。在Bootstrap中有一个样式定义：border-left: 0 none;，在第二种样式中我想要中和它。我该怎么办？

Answer 1

尝试<div class="parent"> <div class="children"></div> <div class="children"></div> <div class="children"></div> </div>

＆＃34;初始关键字用于将CSS属性设置为其默认值。＆＃34; - W3 Schools | Initial Property

＆＃13;

border-left: initial;

＆＃13;

body {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
}
div {
  width: 100px;
  height: 100px;
  background-color: gray;
  border-style: solid;
  border-width: 10px;
  border-color: black;
}
div {
  border-left: 10px;
}
div {
  border-left: initial;
}

＆＃13;

<强>拨弄

https://jsfiddle.net/Hastig/nhkuu7ks/

Answer 2

如果您共享代码，

会更好。但是，只是为了提供解决方案，您可以做的是使用BootStrap via来设置HTML标签的样式。类名作为引用，您可以使用HTML标记的ID作为引用来覆盖使用类作为引用给出的CSS。

你也可以使用内联CSS来覆盖提供给HTML标签的任何其他CSS，但它一般不被认为是一种好的做法。

如何中和border-left：0 none with overriding

2 个答案: