Question

在我的网站上，我使用的是主题报纸。我用css修改了一下。我试图让我的侧边栏（Instagram，最受欢迎，简报注册）的宽度为26％，因此它与编辑的选择位于同一行。

问题在于，我不能让侧边栏的宽度为26％，而不会影响编辑器选择的3个块。因为它们都是.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%;
}

Answer 1

不要这样做：

/* 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

将css应用于特定元素

1 个答案: