更新特定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属性

回答

相关问题