无法定位在dev工具中工作的CSS选择器

时间:2017-03-15 14:42:42

标签: html css padding lightbox

Screenshot of the issue

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

style="padding: 0;"

更改会在屏幕上显示我的期望。但是,当我复制HTLM选择器并应用此CSS(在样式表的底部)时,没有任何反应。这是我的CSS,请注意我已经尝试过在课程之间有空格(因为我是新手)。更新:添加!重要修复它。

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

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

#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;
    }

仍然,没有快乐。有人可以帮帮我吗?

由于

1 个答案:

答案 0 :(得分:0)

我认为这只需要:

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