无法针对在开发工具中工作的 CSS 选择器

Question

Screenshot of the issue

大家好，我正在尝试从我的页面构建器中的灯箱中删除填充。当我进入 Chrome 检查器并添加属性时：

style="padding: 0;"

屏幕上显示的更改符合我的预期。但是，当我复制 HTLM selectors 并应用此 CSS（在样式表底部）时，没有任何反应。这是我的 CSS，请注意我已经尝试在 类 之间使用和不使用空格（因为我是新手）。更新：添加 !important 修复了它。

.fl-node-58c7610c1222e.fl-button-lightbox-content {
    padding: 0;
}

当我右击 select 'copy selectors,' 时，我在剪贴板上得到了这个我在 HTML:

中看不到的 ID

#yui_3_5_1_1_1489587619181_788

因为这个神秘的 ID，我也尝试了以下 CSS，classes/ID 之间有和没有空格：

.fl-node-58c7610c1222e.fl-button-lightbox-content#yui_3_5_1_1_1489587619181_788 {
        padding: 0;
    }

仍然，没有快乐。有人可以帮我吗？

谢谢

Answer 1

我认为它只需要：

.fl-node-58c7610c1222e.fl-button-lightbox-content {padding: 0 !important}