嵌套在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 ..告訴看在子水位

.name span元素..告訴一下用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" 

有選擇的更多的方法，但你明白這點。

Answer 4

div.result詳細信息> span.name適用於大多數瀏覽器。

但是，它在IE6中不起作用。如果這是個問題，只需使用： div.resultDetails span.name {}應該正確定位跨度（假設您沒有任何嵌套的div內的span.name元素，您不打算定位）。