如何將CSS ID爲適用於相似圖片img120具有DIV類 '打開'

-3

<div class='cluster' id='12' 'style='width:350px;min-height:150px;border:4px 
solid #339966;'> 
    <div class='image' style='width:150px;height:150px;border:2px solid 
black;float:left;margin-bottom:10px;margin-left:10px'> 
    <img id='image1' src='server/php/files/image.jpg' style='width:140px;height:140px;float:left;'> 
    <img id='image22' src='server/php/files/image.jpg' style='width:140px;height:140px;float:left;'> 
    <img id='image45' src='server/php/files/image.jpg' style='width:140px;height:140px;float:left;'> 
</div> 
</div>

如何將CSS ID爲適用於相似圖片img120具有DIV類 '打開'

幫我

來源

2012-12-20 Deedar

提高包括代碼在內的更多信息會有幫助。 – Ladineko

我不明白你的問題是什麼。你的圖像已經有樣式，所以你還想要什麼？請澄清！順便說一句，你的html真的可以做它的屬性之間的空白。 –

我沒有看到任何'class =「open」'？！ – jensgram

嘗試這樣

$('#img120').css({ 'display': ' inline-block', 'padding-left': '177px' });

如果從img開始，號碼變化像這樣嘗試

$('img[id^="img"]').css({ 'display': ' inline-block', 'padding-left': '177px' });

如果你想

$("img[id$='120']").css({ 'display': ' inline-block', 'padding-left': '177px' });

來源

2012-12-20 07:49:18 Gadde

先生的圖像是從數據庫中提取的，他們有不同的ID。 – Deedar

看到更新的代碼或請解釋清楚 – Gadde

你的問題結束完全是不完整的。
與您的問題相比，您的html標籤id有所不同。

至於我已經理解你的問題，你想問你如何可以將一些CSS應用到包裹在標籤中的內部元素。如果我把你的問題，是有其階級cluster格在該分區必須有id="120"相似圖片

<div class="cluster"> 
    <img src="some src" id="120" /> 
    <img src="some src" id="120" /> 
    <img src="some src" id="120" /> 
</div>

然後，你可以這樣寫

<style> 
.cluster #120 { 
/* Your css properties */ 
width:140px; 
height:140px; 
float:left; 

} 
</style>

CSS如果你想把風格的所有圖像中的div類cluster，你可以做這樣的

<style> 
.cluster image { 
/* Your css properties */ 
width:140px; 
height:140px; 
float:left; 

} 
</style>

通過這樣做您不必爲每個圖像分配樣式屬性。

來源

2012-12-20 07:50:29

不，先生從不同ID的數據庫中獲取圖像... – Deedar

Id是唯一的，不應該分配給同一頁上的多個（DOM）元素。如果你想將一種風格應用於多個元素，請爲此使用一個類：''和CSS規則'.open .img120 {...}' – Adrian

@Deedar然後簡單地使用我提到的第二種方法。看到我更新的答案 –

如何將CSS ID爲適用於相似圖片img120具有DIV類 '打開'

回答

相關問題