Bem嵌套命名

时间:2018-02-14 12:43:29

标签: css bem

假设我有func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell { let cell = tableView.dequeueReusableCell(withIdentifier: "ShowDataCell", for: indexPath) as! ShowDataTVCell let visitor = visDetail[indexPath.row] //convert Data into UIImage if let imgData = UIImage(data: visitor.image) { cell.imgVis.image = imgData } cell.lblVisName.text = visitor.visitor_name return cell } 阻止其中的卡片,我想要阻止它们,所以它应该是这样的:

panel

我应该在.control-block .control-panel .control-results .card .card-title .card-body 阻止使用一些前缀吗?

1 个答案:

答案 0 :(得分:2)

您不需要card阻止任何前缀,但我宁愿选择以下内容:

.control
  .control__panel
    .control__results
      .card
        .card__title
        .card__body

所以有两个块:control里面有cardcontrol有两个要素:panelresultscardtitlebody

如果您想将cardcontrol联系起来,可以添加mix control__card,以便最终加价:

.control
  .control__panel
    .control__results
      .card .control__card
        .card__title
        .card__body

有关此类方法的详情,请参阅https://en.bem.info/methodology/css/#mixes