css边框造型

Question

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

Answer 1

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

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

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

Answer 2

有几个答案。

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

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

所有你应该做的，如果css正在按顺序加载，则将你的子主题中的属性改为：

border-width: 0 1px !important;