Javascript Can'；t使用放大弹出窗口和PHP设置我的DIV样式

我正在使用PHP/SQL显示我的元素。我添加了一个插件，当用户点击它时，它会将元素轻框化

但是，我无法设置弹出窗口元素的样式，因为我使用#ID（应该是设置弹出窗口样式的ID）来选择单击的元素

是否有其他方法显示我的元素，以便我可以设置弹出窗口的样式

这是我的密码：

PHP/HTML

<?php while ($row = mysql_fetch_array($query)): ?>

  <div class="grid-item">

   <a class="popup-with-zoom-anim" href="#small-dialog-<?php echo $row['leakID']?>" >
   <img src="<?php echo $row['leakURL']?>">
   </a>

 </div>

 // The hidden POP-UP
 <div id="small-dialog-<?php echo $row['leakID']?>" class="mfp-hide">
   <img src="<?php echo $row['leakURL']?>">
</div>

<?php endwhile?>

---

您可以使用mfp类来设置弹出窗口内容的样式

.mfp-container div[id^=small-dialog-] {
    style here...
}

---

我试过了，但没用。在html中哪里添加.mfp容器？

.mfp容器

是封装内容的放大弹出窗口使用的类。将上述内容添加到样式表中，或在页面上的

标记之间添加弹出窗口。

.mfp-container div[id^=small-dialog-] {
    style here...
}