2015-11-19 54 views
0

我想要設置樣式並居中一些沒有任何類的圖片,只有標題和一些內聯CSS樣式。在CSS中設置HTML標題

這是可能的風格這張照片(使其100%寬度)通過樣式表使用CSS只。 CSS屬性可以保持HTML中的內聯CSS嗎?

<img alt="My Third pic" src="http://www.example.com/thirdproduct" style="border-style:solid; border-width:10px; height:240px; width:220px" title="Third Pic"> 

如何通過使用標題對象的圖像,這是我迄今爲止

img [title~="Third Pic"] { 
width:100% 
} 
+0

老實說,我不明白你的問題。你有你的代碼的例子嗎? –

回答

1

如果我理解正確的話,你只需要擺脫符號(〜)和IMG和[標題之間的空間,以及使規則!重要的,所以它會覆蓋內嵌樣式

img[title="Third Pic"] { 
    width: 100% !important; 
} 
0

你可以添加這個CSS基於img標籤樣式圖像

.parentDiv img{ 
    width:100%; 
} 

,或者如果你需要第三IMG有風格

.parentDiv img:nth-child(3){ 
    width:100%; 
} 
+0

這將如何覆蓋'img'標籤上的inline'width'? –

+0

我沒有意識到他試圖重寫內聯代碼,要做到這一點,只需添加'width:100%!important;'; – Trug