更新特定div中儿童元素的CSS属性

Question

我在我的同一JSP文件中有2个不同的Div容器，我无法访问编辑。

- 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应用于Div 2中的TS_FClogobox。是否可以实现它而不编辑JSP文件？

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

我觉得这是不可能的，但只是想看看是否有某种方法。

Answer 1

使用类和ID避免与其他Divs混淆

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

Answer 2

您可以通过在CSS3

中使用子选择器来实现这一点

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