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

Question

我在同一个jsp文件中有两个不同的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

您可以通过在css3中使用子选择器

来实现这一点

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

Answer 2

使用class和id避免与其他div混淆

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