Html CSS-仅类型选择器未正确应用

我提供了我的代码的简化版本。假设这是我的.html文件：

<div>
 <div class="you">Novus ordo seclorum</div>
 <div class="you">Novus ordo seclorum</div>
 <div class="me">I have a buddy below me.</div>
 <div class="me">I have a buddy above me. </div>
 <div class="you"> I am a lonely type. Before and after are all 'me'</div>
 <div class="me">I have a buddy below me.</div>
 <div class="me">I have a buddy above me. </div>
</div>

那么，如果某个元素的上方或下方没有相同的

类的元素，如何将某个样式应用于该元素呢？
遗憾的是，CSS中没有前面的元素选择器

在javascript中，您可以识别紧跟在
.me
之后的每个
.you
（使用
+
选择器），然后应用
。如果它后面还跟有
.me
，则只对它应用
类

工作示例：


var-meBeforeYous=document.queryselectoral（'.me+.you'）；
for（var i=0；i

。你呢{
字体大小：粗体；
}
.只有你{
颜色：rgb（255,0,0）；
}

我是一个你（下面有一个伙伴）。
我是一个你（上面有一个伙伴）。
我下面有个朋友。
我有一个朋友在我上面。
我是一个孤独的人。前后都是“我”
我下面有个朋友。
我有一个朋友在我上面。
我是一个你（下面有一个伙伴）。
我是一个你（上面有一个伙伴）。
我下面有个朋友。
我有一个朋友在我上面。
它应该是
。你
，你不是针对
标记。我的代码中有
。写这个题目的时候是个打字错误。一定是别的原因造成了这些差异。这里只提供一个代码示例。请分享您的完整代码，以帮助您进一步阅读：因为没有以前的选择器，我不认为有一个纯粹的CSS解决方案
.you:only-of-type {
  color: red;
}