更新特定div中的子元素的css屬性

我在同一個jsp文件中有兩個不同的div容器，我無法編輯它們。更新特定div中的子元素的css屬性

--Div 1

<div class="mar-t40 alignRight"> 
    <img id="ts_fclogoBox" alt="Logo" src="{{imgPath}}/content/dam/Logo.png" /> 
</div>

--Div 2

<div class="alignRight"> 
    <img id="ts_fclogoBox" alt="Logo" src="{{imgPath}}/content/dam/Logo.png" /> 
</div>

現在我需要應用下面的CSS只ts_fclogoBox目前內部DIV 2.是否有可能實現它不進行編輯jsp文件？

#ts_fclogoBox { 
    margin-left: -15px; 
}

我覺得這是不可能的，但只是想看看是否有某種方式。

來源

2016-11-30 Dinesh Kumar

你不能用相同的ID兩個不同的元素ID是混亂acheive是如果您僅使用相同的ID，則唯一的ID將受到影響，DOM會首先找到它 –

正如前面的評論指出的那樣，您不應在同一頁面中爲兩個元素使用相同的ID。我也認爲答案看起來過於字面，並且認爲第二個'div'是第二個孩子，並非總是如此。如果它不總是第二個孩子，那麼[本演示]（https://jsfiddle.net/e9bzj4np/）中使用的方法將有所幫助。如果它符合你的需要，那麼我會作爲答覆發佈。 – Harry

@哈里：完美的答案請張貼它作爲答案。我會標記它。 –

使用等級和ID，以避免與其他的div

div.alignRight:nth-child(2) img#ts_fclogoBox{ 
    margin-left:-15px; 
}

來源

2016-11-30 06:05:28 philantrovert

您可以通過在CSS3使用兒童選擇

div:nth-child(2) img { 
    margin-left: -15px; 
}

來源

2016-11-30 05:58:34

更新特定div中的子元素的css屬性

回答

相關問題