2015-08-28 61 views
0

我有以下HTML:如何正確地將CSS樣式應用於具有特定類的div中的所有圖像?

<div class="group-item"> 
    <a href="profile.html"> 
     <img src="resources/img/icons/projects/wifi.png"> 
    </a> 
</div> 

我想設置這樣有class="group-item"的DIV中的img標籤的CSS屬性:

.groups-item img { 
    float: left; 
    margin-right: 15px; 
    width: 80px; 
} 

,但它不工作,它不適用於以前的img標籤(我使用FireBug,我可以看到樣式未應用)

爲什麼?我錯過了什麼?我如何正確地將樣式應用於具有class="group-item"的div內的所有img標籤?

+2

你'.groups-item'但使用'組item'。 – mplungjan

回答

3
.group-item img { 
    float: left; 
    margin-right: 15px; 
    width: 80px; 
} 

應該工作,我從groups-去掉在S中的CSS聲明

+2

真的不值得回答 – mplungjan

+0

@mplungjan爲什麼值得編輯呢? –

+0

因爲我在測試之前編輯它,看看有什麼不對。然後我評論說,這是一個拼寫錯誤,而不是回答它是拼寫錯誤 – mplungjan

-2

問題是在類中定義

您在HTML給類名組項目作爲您使用.groups-哪裏項目在CSS中。

使用它像

.group-item a img { 
    float: left; 
    margin-right: 15px; 
    width: 80px; 
} 
相關問題