查找和编辑 element.style答案

【问题标题】：FInding & Editing element.style查找和编辑 element.style
【发布时间】：2013-07-09 03:38:48
【问题描述】：

我在尝试删除 50 像素的空白区域时遇到了困难。本网站在 Joomla 1.5 上运行。下图显示了我需要删除的空白。（橙色）

在使用 chrome 的检查元素下，它带有一个 margin-bottom: 50px 但没有说要找到它。有什么方法可以找到定义这个 50px 边距的地方吗？

谢谢。

【问题讨论】：

how to remove element.style in css 的可能重复项
margin-bottom 是内联的，这意味着它要么是内联编写的（天哪），要么是类似 javascript 的东西添加了它。您可以尝试将margin-bottom: 0!important; 添加到.mod_btslideshow_pro 来更改它。内联样式通常是持久的，因此您可以使用 Javascript 来编辑/删除该样式属性。
如果在css/html代码中看不到，那就是javascript/jquery添加的
@CollinHenderson：我们又见面了！只是提醒一下，不知道它在哪里设置并不是使用 !important 的好理由。这很可能会变成一个令人头疼的问题，无论如何你迟早都要处理。见css-tricks.com/when-using-important-is-the-right-choice
@Travesty3 嘿嘿！如果您对要覆盖的内容相当具体，那么 !important 是非常无害的。 iirc 我认为内联样式甚至可以胜过 !important，这也是我提供 JS 解决方案的原因。

标签： html css

【解决方案1】：

它在 html 代码中，因此您必须转到源 (php) 并删除样式标记它似乎是一个滑块？如果是这样，可能是 javascript 库将样式标记添加到 html

【讨论】：

找到了！它在 style#.php 代码中。 bt 幻灯片有 5-7 种样式，每种样式都有不同的 php 代码。您确实找到了您使用的正确样式并对其进行编辑。或者我只是做了 0.cho "BTJ('#mod_btslideshow_pro_{$module->id}').css({'margin-bottom':'0px'});\n\t\t";