css - CSS边框样式

Question

在我的一个 wordpress 网站上，有一个border: 1px solid #cccccc. 我正在使用子主题，并且只希望包装器具有左右边框，而不是顶部和底部。我知道我可以使用左边框等，但它仍然会有一个完整的边框，因为父主题如上所述指定了边框。如何在不更改父 css 的情况下以我想要的方式获得它？

Answer 1

那么你可以做这样的事情并添加一个边框宽度：

#box {
    border: 1px solid #cccccc;
    border-width: 0px 1px 0px 1px;
}

这可以在子级中声明以覆盖父级。

Answer 2

有几个答案。

CSS 是按照加载 CSS 文件的顺序处理的，因此如果子主题在父主题之后加载，则子主题应该获胜。

如果这不是正在发生的事情，那么有一个 CSS 属性 !important 将 CSS 样式放在队列的顶部。这些仍然按顺序处理，因此冲突的 !important 属性以与加载相同的顺序进行评估。

如果 css 被乱序加载，您应该做的就是将子主题中的属性更改为：

border-width: 0 1px !important;