將CSS應用於特定元素

在我的網站上，我使用的是主題報紙。我用css修改了一下。我試圖讓我的側邊欄（instagram，最受歡迎，新聞通訊註冊）的寬度爲26％，因此它與編輯選擇的位置在同一行。將CSS應用於特定元素

問題是，我不能在不影響編輯器選區上方3個區塊的情況下讓邊欄寬度爲26％。因爲它們都是.td-pb-span4。我試圖通過爲側欄使用更具體的代碼（代碼如下）來解決這個問題，它仍然無法工作。這很奇怪，因爲我嘗試使用的代碼將應用於Chrome開發人員，但是一旦我將其添加到我的css中，它不適用於我的網站。我真的很感激任何解決方案，我一直試圖找出這幾天，似乎無法找到問題。

代碼我第一次嘗試添加，但它影響了側邊欄和上方編輯精選了3塊都（我只想寬度：26％適用於側邊欄）

.td-pb-span4 { 
    width: 26%; 
}

更具體的代碼我嘗試添加僅適用於側邊欄（它會在Chrome瀏覽器開發工作，但如果我把它應用到我的網站的CSS將無法正常工作）

.vc_column.td_uid_70_5976097f07941_rand.wpb_column.vc_column_container.td-pb-span4 { 
    width: 26%; 
}

來源

2017-07-24 user7548188

不要這樣：

/* index ~line 2817 */ 
.td-pb-span8 { /* WHY */ 
    width: 70%; 
    float: left; 
    margin-right: 4%; 
}

你觸摸有工作開箱即用一個定義良好的網格系統：

.td-pb-span8 { 
    width: 66.66666667%; /* yep. There's no reason on earth you should set to 70% */ 
}

網格是基於12這樣做數學題：100/12 * 8

來源

2017-07-24 16:25:03

如果我不使用此我應該如何讓編輯選擇（span8）佔70％，側邊欄佔26％。我喜歡網站的寬度，這就是我改變它的原因。有沒有辦法改變它做同樣的事情，這是一個更好的做法？ – user7548188

不要。使用網格。 100/12，然後挑選你需要的。如果你真的想要一個單元格爲70％，比邏輯上它旁邊的單元格應該是30％而不是33.33333％ - 不會佔用你使用的奇怪的4％的利潤率... –

對不起，我有點困惑。所以，無論如何，我可以改變CSS來使這個單元格70％，如果是的話有什麼方法可以幫助我嗎？我打算將這個單元格設置爲70％，右邊的邊距爲4％，寬度爲26％。 – user7548188

將CSS應用於特定元素

回答

相關問題