2016-11-29 137 views
-3

我現在是CSS新手。我對CSS小孩,僞類,兄弟姐妹沒有太多經驗。我有30頁的w3school打開,找不到我需要的具體內容。CSS孩子和兄弟姐妹

我有2個div,1個圖像在這些divs。

但是,當我使用CSS IMG和改變它,它改變了他們兩個,我只是想改變一個,就是這樣。我正在使用像IMG.this:>,並且兩者都始終更改大小。

我不明白這裏的編碼;有很多,如div.(class) img -code-等。

我知道的事情很簡單,但找不到方法。

+0

你有什麼樣的代碼的寬度是多少?創建一個Codepen.io,jsbin.com,jsfiddle.net片段,以便人們可以隨時幫助您完成迄今已完成的任務。 – ioneyed

+0

寫你已經試過的代碼代碼 – Mitul

+0

它只是一個理論問題emmm ....我認爲是一個ID和類問題.... –

回答

0

如果您只有2張圖片,並且想要更改其中一張圖片,您可以爲其設置一個ID並使用該ID進行設置,如下所示。

圖像類,使他們二人的300像素的寬度和#圖像2 ID造型則改爲第二圖像

.image img{ 
 
    width:300px; 
 
} 
 

 
#image2 img{ 
 
    width: 350px; 
 
}
<div class="image"> 
 
    <img src="http://placehold.it/350x150"> 
 
</div> 
 
<div class="image" id="image2"> 
 
    <img src="http://placehold.it/350x150"> 
 
</div>