当您在 Masonry 中指定两种宽度尺寸时会发生什么？答案

【问题标题】：What happens when you specify two width sizes in Masonry?当您在 Masonry 中指定两种宽度尺寸时会发生什么？
【发布时间】：2020-05-23 03:52:18
【问题描述】：

我想知道下面第 5 个 div 会发生什么：

<div class="grid">
  <div class="grid-sizer"></div>
  <div class="gutter-sizer"></div>
  <div class="grid-item"></div>
  <div class="grid-item grid-item--width2"></div> //This one...
  ...
</div>

JS 是：

.grid-sizer,
.grid-item { width: 22%; }

.gutter-sizer { width: 4%; }

.grid-item--width2 { width: 48%; }

在我看来，我们设置了两次宽度 - 22% 和 48%。我理解正确吗？这是来自砌体教程： https://masonry.desandro.com/options.html

【问题讨论】：

标签： javascript html jquery jquery-masonry masonry

【解决方案1】：

.grid-item--width2 { width: 48%; } 块将适用。不能有“两个宽度”，后一个将优先，因为它们具有相同的特异性（您可以阅读选择器特异性here）

【讨论】：

感谢您的回复。如果只有 .grid-item--width2 作为类，我认为这条线的行为是否相同？两者都存在有什么原因吗？
是的，你是。可能还有其他样式与.grid-item 和.grid-item--width2 相关联只是为了覆盖宽度。
谢谢 Lucas.. 我对 Masonry 文档会有这样的代码感到有些失望。这有点误导。也就是说，砌体是史诗！