CSS选择器匹配具有相同id的更多项

Question

我正在使用Razor和部分视图在我的MVC项目中创建一个阅读电子邮件功能。我正在通过我的网站模拟一个标签导航，此刻可能会出现同一个视图的多个实例（我想要阅读的电子邮件内容），如下所示。

<div id="MainContainer" class="contentBg">
     <div id="d2773254">
          <div id="divEmail"> .... </div>
     </div>
     <div id="d2342353" style="display:none">
          <div id="divEmail"> .... </div>
     </div>
     ...
</div>

我的css选择器仅使用＆＃34; divEmail＆＃34;和这个div的所有孩子。当页面中的多个HTML项目与选择器匹配时，会出现问题。

我还尝试将新div添加到页面顶部的第一个匹配项目。它适用于80％的情况，这就是我为什么寻找这个问题的解决方案的原因。我想更改所有选择器（添加顶级选择器$（＆＃39; #divEmail＆＃39;）。parent（））以保证匹配的HTML元素是唯一的。

还有其他解决方案吗？           非常感谢

Answer 1

在任何情况下，您都不能使用相同的ID两次。所以，如果你这样做，可以完全随机。

在您的情况下，请改用class="divEmail"。