基于A类的Col-md-9的背景颜色

时间:2017-05-01 15:20:48

标签: css colors nested dependencies selector

我想根据博客帖子的类别更改Col-md-9的背景颜色

/* makes the colom blue whatever the category */
.cat-md-9 {background-color: blue;}

/* makes only the text area (not the entire colom) of category-A blue */
.category-a {background-color: blue;}

如果类别等于A,我现在想要将整个colom设为蓝色。

这可能吗?

Here's the link to the page(文字在荷兰语中,但这并不重要)。 正如你所看到的,它不是整个专栏,而且有点难看。

2 个答案:

答案 0 :(得分:0)

您的问题对我来说有点难以理解,但据我所知,如果col-md-9 .category-leer { background-color: rgba(52,210,147,0.2); } 属于特定类别,您希望将博客文章的背景设为蓝色。

为此,通过查看您现在的方式,您可以执行此操作

.category-leer

使用它,如果col-md-9类位于*text*内,则只有蓝色背景。

答案 1 :(得分:0)

感谢Mahan_F,我会尽力让它更清楚。您共享的代码只会在Col-md-9中为Category-leer周围的区域着色,但是,当Category-leer在col-md-9中时,我想为Col-md-9着色。

If col-md-9 CONTAINS category-leer {
    col-md-9 {
        background-color: rgba(52,210,147,0.2);
    }
}

案例陈述会更好,因为我有4个类别我想要进行颜色编码。