2013-03-13 81 views
1

在我的一个wordpress网站上,有一个包装border: 1px solid #cccccc。 我使用的是儿童主题,只希望包装具有左右边框,而不是顶部和底部。 我知道我可以使用border-left等,但它仍然会有一个完整的边框,因为父主题指定了上面的边框。 如何在不改变父css的情况下以我想要的方式获得它?css边框造型

回答

1

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

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

这可能在孩子覆盖父声明。

+0

我做了一件simlar到这,我用: '边界:0px; border-left:1px solid #cccccc; border-right:1px solid #cccccc;'。这样,我的0px重写父css'1px,然后我只是声明我想要的边界...这是否可以吗? – 2013-03-14 02:06:30

+0

是的,这将工作,并且可以使用。 – blamonet 2013-03-14 13:06:20

1

有几个答案。

CSS按照加载的CSS文件的顺序进行处理,所以如果在父主题之后加载了子主题,那么子主题应该会赢。

如果这不是发生了什么事情,那么CSS属性是重要的,它将CSS样式置于队列顶部。这些仍按顺序处理,所以相互冲突的重要属性按照与加载相同的顺序进行评估。

所有你应该做的,如果CSS被加载出来的顺序是你的孩子的主题改变属性:

border-width: 0 1px !important;