将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应用于特定元素

回答

相关问题