Html 有没有办法选择最后一个兄弟姐妹直到某个标记？

我需要的最后一个兄弟有不同的风格比以前，但没有它有不同的标记

就像：

div#one .chat-segment .chat-get .chat-start - border-radius left !down! rounded 3 px rest 15px
div#two .chat-segment .chat-get - border-radius left !down! and !top! rounded 3 px rest 15px - 1 sibling
div#three .chat-segment .chat-get - border-radius left !down! and !top! rounded 3 px rest 15px 2 sibling
div#four .chat-segment .chat-get - border-radius left !top! rounded 3 px rest 15px - last sibling
div#five .chat-segment .chat-sent .chat-start - border-radius left !down! rounded 3 px rest 15px

那么，在这种情况下，有没有办法在标记的位置编辑选择器以产生这种效果呢

正确结果的视觉表征

我目前拥有的：（左msgs）

发送时相同（右MSG）

这是该段的代码。如果这是来自该用户段的第一条消息，则聊天开始将发送给左侧或右侧的第一条消息

'<!-- start .chat-segment -->\n' +
'<div id="message_'+ msg['id'] +'" class="chat-segment chat-segment-sent">\n' +
' <div class="chat-message tooltip-appending" data-toggle="tooltip" data-placement="auto" title="" data-original-title="' + msg['createdAt'] + '" data-html="true">\n' +
'  <p>\n' +
    msg['content'] +
'  </p>\n' +
' </div>\n' +
'</div>\n' +
'<!--  end .chat-segment -->' +

“\n”+
“\n”+
“\n”+
“\n”+
味精['content']+
“
\n”+
“\n”+
“\n”+
'' +

我想您要找的是最后一个子选择器。例如，如果您希望根据html实体的类型获取最后一个元素，则还可以使用last of type

ulli：最后一个孩子{
颜色：红色；
}
第p部分：类型的最后一个{
颜色：红色；
}

一个
两个
三
四


一个

两个

三

四

不要用这个

我无法理解上面的html。但确实有办法。只需像我一样用

子div

编写

：最后一个孩子

。如果您有多个div，并且它们的父级相同，那么您可以这样做

.child div：最后一个孩子{
}

什么是“直到某个标记”呢？您是在寻找具有相同类名的一系列元素中的最后一个吗？另外，我不确定您向我们展示的代码是什么，但它不是CSS和HTML。请将它们格式化为这样的格式或标记为您的后端技术。换句话说，显示浏览器看到的呈现代码。不完全是直接副本，但足够接近；最重要的是，你想问的问题（及其答案）就在那里。我敢肯定，这个问题比“最后一个孩子”更重要。根据张贴的图片，我想说“最后一个孩子”应该有用。看起来他只是在为一段中的最后一条聊天信息请求一个css选择器。

  .chat-segment-sent {
    text-align: right;
    position: relative;
    margin: 0 0 .5rem 3rem; }
  .chat-segment-sent.chat-start .chat-message {
    border-bottom-right-radius: 3px; }
  .chat-segment-sent.chat-start ~ :not(.chat-start) .chat-message {
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px; }
  .--that one that need to be the last sibling {
    border-top-right-radius: 3px; }
  .chat-segment-sent .chat-message {
    background: #1dc9b7;
    color: white;
    text-align: left; }

'<!-- start .chat-segment -->\n' +
'<div id="message_'+ msg['id'] +'" class="chat-segment chat-segment-sent">\n' +
' <div class="chat-message tooltip-appending" data-toggle="tooltip" data-placement="auto" title="" data-original-title="' + msg['createdAt'] + '" data-html="true">\n' +
'  <p>\n' +
    msg['content'] +
'  </p>\n' +
' </div>\n' +
'</div>\n' +
'<!--  end .chat-segment -->' +