Question

我一直在尝试减少此代码的填充顶部和底部，但它似乎不适用于CSS。

element.style {
    padding-top: 100px;
    padding-bottom: 100px;
}

.noo-vc-row {
    position: relative;
    width: 100%;
    padding: 0 95px;
}
.noo-vc-row {
    position: relative;
}
.row, .noo-pricing-table {
    margin-left: -1.0714285714285714em;
    margin-right: -1.0714285714285714em;
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
user agent stylesheet
div {
    display: block;
}
body {
    font-family: "Montserrat",sans-serif;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
}
body {
    color: #44494b;

当我将填充减少到80％时，它适用于检查元素但是当我把它带到CSS时，它不起作用。请帮忙。感谢。

Answer 1

浏览器控制台中的

element.style表示这些样式来自HTML。换句话说，填充在HTML标记中是硬编码的，可能如下：

<div style='padding-top: 100px;padding-bottom: 100px;'></div>

内联样式覆盖外部CSS。要覆盖内联样式，您需要将!important添加到CSS中，如下所示：

#elementid {
    padding-top: 100px!important;
    padding-bottom: 100px!imporant;
}

其中#elementid是元素的ID。很遗憾，您没有显示您选择的元素......

如何减少Wordpress代码的顶部和底部填充

1 个答案: