所以我接受nth-of-type()忽略课程的条款，例如以下内容：
HTML：
<body style="">
<h1>Title</h1>
<div class="container"> things </div>
<div class="alert">alert 1</div>
<div class="alert">alert 2</div>
</body>
CSS：
body > div.alert:nth-of-type(1) { border-color: blue; }
body > div.alert:nth-of-type(2) { border-color: green; }
body > div.alert:nth-of-type(3) { border-color: red; }
我希望alert 1 / alert 2为蓝色/绿色，但是它们是绿色/红色。
有没有办法用CSS实现我的目标？这些警报是由第三方插件创建的，我相信我不能简单地控制它们在DOM中的位置，或者给它们提供唯一的CSS类，所以我希望伪类可以在没有HTML修改的情况下在这里工作吗？
我的JSFiddle：https://jsfiddle.net/1jm94rye/1/