css - Bootstrap 无法覆盖 的属性

Question

我正在使用 Bootstrap，它具有以下元素:

p {
    margin: 0 0 10px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 10px;
    margin-left: 0px;
}

我不想在标签的末尾有空格，所以我写了以下内容:

.p {
    margin: 0 0 0px !important;
    margin-bottom: 0px !important;
}

但是，空白区域仍然出现在底部。

当我查看 Chrome 开发者工具时，p 元素没有变化。

为什么我的 CSS 代码没有改变元素？

Answer 1

.p 表示您指的是类 p。

如果你想修改p标签的一些属性，只需使用p
这样，

p {
    margin: 0 0 0px !important;
    margin-bottom: 0px !important;
}