Question

我是wordpress的新手，但我正在尝试创建2列（我正在使用Easy Columns插件），我希望同一页面上的两列具有不同的背景颜色。所以在左栏我会有一些图像，然后是一些文字，然后是一些更多的图像，右边是相同的。我在wordpress中完成了图像和文本，但我无法弄清楚如何将背景颜色添加到列中。仅供参考，页面上有白色背景，左栏有RGB（201,159,102），右栏有RGB（202,202,194）。我尝试用wordpress在

中创建一个容器

<div id="column1">

并添加：

/* column 1 */
column1.div{
    background-color: rgb(201, 159, 102);
}

到style.css。我也使用Grande Green儿童主题，我不确定是否应该更改Grande Green style.css或Grande style.css。

Answer 1

如果你有id“column1”，请不要将“column1.div”添加到css，而是

#column1 {
    background: rgb(201, 159, 102);
}

带有id的

没有理由为它添加div，更清洁

Answer 2

更改代码将是一个良好的开端。做类似下面的事情。您可以对列进行ID，然后为每个列设置不同的背景颜色。

    /* column 1 */

    #column1 {
        background-color: green; /* You desired color */
     }


     /* column 2 */

       #column2 {
            background-color: yellow; /* You desired color */
        }

Answer 3

这对浏览器来说更具语义性。

div#column:first-child{
  background-color: blue;
}

div#column:last-child{
  background-color: green;
}

列中的不同背景颜色，同一页面

3 个答案: