如何在css中的每个“你好”之后选择所有最后一条消息？
不使用 JavaScript。
.my {
text-align: right;
}
.my:last-of-type {
color: red;
}<p class="me">Hello</p>
<p class="my">message</p>
<p class="my">message</p>
<p class="my">message</p>
<p class="my">last message</p>
<p class="me">Hello</p>
<p class="me">Hello</p>
<p class="my">message</p>
<p class="my">message</p>
<p class="my">last message</p>它应该是：图像
您需要将每组.my消息包装在一个容器中以使用:last-of-type或应用特定的修饰符类到最后一条消息：
.my {
text-align: right;
}
.my.last {
color: red;
}<p class="me">Hello</p>
<p class="my">message</p>
<p class="my">message</p>
<p class="my">message</p>
<p class="my last">last message</p>
<p class="me">Hello</p>
<p class="me">Hello</p>
<p class="my">message</p>
<p class="my">message</p>
<p class="my last">last message</p>本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句