在 scss 的标签之间加逗号

Question

所以我在头文件中有以下代码：

<div class='topic-poster'>
  <a href="/u/${username}" data-user-card="${username}">
    <img alt="" width="50" height="50" src="${avatar}" class="avatar">
  </a>
</div>

....

<div class="topic-statuses">
    <a href="/t/${slug}/${id}" class="title raw-link raw-topic-link">${title}</a>
    <div class="topic-post-tags">${tags}</div>
</div>

在scss文件中：

.topic-statuses{
  margin-right: 50px;
}

输出是：

第一个和第二个是标签（${tag}）。 如何添加逗号或“|”在第一和第二之间？

Answer 1

尝试在两个带有 , 的元素之间插入另一个 div 容器。

 <div class='topic-poster'>
     <a href="/u/${username}" data-user-card="${username}">
       <img alt="" width="50" height="50" src="${avatar}" class="avatar">
     </a>
 </div>

<div> , </div>

<div class="topic-statuses">
    <a href="/t/${slug}/${id}" class="title raw-link raw-topic-link">${title}</a>
    <div class="topic-post-tags">${tags}</div>
</div>