css邊框造型

在我的一個wordpress網站上，有一個包裝border: 1px solid #cccccc。我使用的是兒童主題，只希望包裝具有左右邊框，而不是頂部和底部。我知道我可以使用border-left等，但它仍然會有一個完整的邊框，因爲父主題指定了上面的邊框。如何在不改變父css的情況下以我想要的方式獲得它？css邊框造型

來源

2013-03-13 Reece Dodds

那麼你可以做這樣的事情，並添加一個邊框寬度：

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

這可能在孩子覆蓋父聲明。

來源

2013-03-13 23:54:48 blamonet

我做了一件simlar到這，我用： '邊界：0px; border-left：1px solid #cccccc; border-right：1px solid #cccccc;'。這樣，我的0px重寫父css'1px，然後我只是聲明我想要的邊界...這是否可以嗎？ – 2013-03-14 02:06:30

是的，這將工作，並且可以使用。 – blamonet 2013-03-14 13:06:20

有幾個答案。

CSS按照加載的CSS文件的順序進行處理，所以如果在父主題之後加載了子主題，那麼子主題應該會贏。

如果這不是發生了什麼事情，那麼CSS屬性是重要的，它將CSS樣式置於隊列頂部。這些仍按順序處理，所以相互衝突的重要屬性按照與加載相同的順序進行評估。

所有你應該做的，如果CSS被加載出來的順序是你的孩子的主題改變屬性：

border-width: 0 1px !important;

來源

2013-03-13 23:54:55

回答

相關問題