html - 无法定位在开发工具中工作的 CSS 选择器

Question

Screenshot of the issue

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

style="padding: 0;"

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

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

当我右键单击并选择“复制选择器”时，我在剪贴板上得到了这个我在 HTML 中看不到的 ID:

#yui_3_5_1_1_1489587619181_788

由于这个神秘的 ID，我还尝试了以下 CSS，在类/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}