设置属于span标记的不同类的样式

Question

我正在开发一个asp.net mvc 3应用程序。我们是这方面的几个人，即使这是一个很小的机会，我不想进入我们合并CSS的情况，其中使用相同的名称来定义类和ID。

我有这种情况，我有span标签：

@:<span class="QuestionType3">

@:<span class="QuestionType4">

在我的CSS中，我为这些类定义了这样的样式：

.QuestionType3 {
    background: grey;
    display: inline-block;
    }
.QuestionType4 {
    background: lightgrey;
    display: block;    
}

我想要的是尽可能最具体，所以即使同一个名称用于div标签或其他东西，也不会出现问题，直到不止一个人使用此名称来定义类span tag。

我试过了：

span .QuestionType4 {...

但是这样我丢失了所有的样式，所以看起来这不是指定它的正确方法。那么我怎么能这样做呢？如果我明确声明这是一个span标记的类，那么对于一个不同的HTML元素类使用相同的名称不会导致重复名称或类似的问题？

Answer 1

删除空格，使其变为：

span.QuestionType4

使用空格（descendant combinator），它将选择具有.QuestionType4类并且存在于span s

内的所有元素