2010-08-31 73 views
1
.features img{...} 

我明白.features是自定義的CSS類,div是HTML元素。但我不明白這種語法會在它們之間建立什麼樣的關係?CSS語法問題

回答

3

此語法不建立.features類和div之間的任何關係。

您提供的樣式是對任何子樣式<img>包含在.features類中。

這兩個將是有效的和給定樣式應用到圖像:

<div class="features"> 
    <img src="myImg.png" /> 
</div> 

<table class="features"> 
    <tr> 
     <td><img src="myImg.png" /></td> 
    </tr> 
</table> 

如果你想指定類是隻適用於div的,你會需要將聲明更改爲:

div.features img { } 
+0

此語法定義作用域換句話說,對於在en處指定的元素d這個定義。我可以嵌套範圍定義還是僅限於兩個項目? – Pablo 2010-08-31 12:59:16

+0

你可以增加你想要的範圍:'div.features div span img'會在具有類特徵的div內的嵌套div中的''標籤內選擇一個圖像。沒有限制:) – Kyle 2010-08-31 13:14:14

+0

你絕對可以嵌套它們。嵌套的一個非常常見的用法是由無序列表驅動的樣式菜單。 – 2010-08-31 13:14:32