Question

我有以下HTML：

<div class="block-content no-title grey-bg">

如何将此div的背景设置为颜色为＃333？

我可以使用某种CSS选择器吗？用于选择那些块内容div 有灰色的bg？

Answer 1

你的问题有些奇怪。
这样：

如何将此div的背景设置为＃333？
的颜色

表示您需要此选择器：[.grey-bg][.no-title][.block-content]（使用方括号中的一个或多个部分）这样：

是否有某种CSS选择器可以用来选择那些具有gray-bg的块内容div？

表示您想要这个：.grey-bg.block-content。

Answer 2

在css中，选择器之间的空格（或缺少空格）表示后代或相同的dom对象，即

<span class="a b">
    <span class="c"></span>
    <span class="b"></span>
</span>

//一些css选择器示例

.a.b{} //gets the first span (get all elements which have class .a and .b)
.a .b{} //gets the third (nested in a.b after .c - get all .b that are descendants of .a)
.b{}   //gets the first and third (get all .b)
.b>.b{} //gets the third (get all direct descendants of .b which are .b)
.b>.c+.b{} //gets the third (next sibling .b of a .c which is direct descendant of a .b)

我可以使用什么样的CSS选择器来选择具有多个类的元素？

2 个答案: