Question

我正在我的应用程序中递归显示一些嵌套的注释，但遇到了在没有嵌套注释时应用特定类的挑战。仅当nested_commments为＆gt;时，如何才能将班级sole干净地应用于我的div entry 0？

    def horizontal_tree_for(comments)
        comments.map do |comment, nested_comments|
       entry(comment) + 
          (nested_comments.size > 0 ?          
              content_tag(:div, horizontal_tree_for(nested_comments), class: "branch") +
            "</div>"

          : "</div>")
    end.join.html_safe
  end

def entry(comment)
  "<div class='entry'  **conditional sole class**><span class='label'> #{comment.name} </span>"
end

Answer 1

此样式仅包含具有子项的元素：

.empty {
        background-color:black;
        height: 100px;  
}
div:not(:empty) {
        background-color:red !important;
}

<div class="empty"></div>
<div class="empty">
    <div> </div>
    <div> </div>
</div>

Answer 2

正如评论中所建议的，只需写下课程。

的伪代码：

"<div class='entry (nested_comments.size > 0 ? "sole" : "")'>
 <span class='label'> #{comment.name} </span>"

将css类应用于没有js的div

2 个答案: