嵌套在div中的命名span类的CSS语法是什么？

Question

在下面,我如何引用"名称"类？

<div class="resultDetails">
<span class="name">Name</span>
<span class="address">Address</span>
</div>

Answer 1

div span.name { ... }

div ..告诉元素类型

一个空格然后span..告诉我看看子级别中的span元素

.name ..告诉我们用css类命名的那些元素 name

Answer 2

div.resultDetails > span.name { ... }

应该管用。

Answer 3

简单地

<style>
.name
{

}
</style>

您所需要的只是类本身的名称，除非有其他因素，否则您可以使用多种类型的选择器

div span.name // selects all spans with class "name" in any div
div > span.name // this one selects only the spans that are direct children of a div
div.resultDetails span.name //select only spans with class "name" in only divs with class="result Details
.resultDetails .name // selects any element with class "name" in any element with class "resultDetails" 

有更多的选择方式，但你明白了。