删除CSS空白

我正在为我的妻子整理一个网页，我遇到了一个CSS问题，我想不出来。我有一个图像滑块（RoyalSlider），我希望它周围没有空格，但是在滑块div之前有各种嵌套div，它们添加了填充、边距和边框。类和类中的格式在页面上的多个位置使用，因此我不能简单地更改每个元素而不破坏页面的其他元素，我更希望这样做而不影响PHP

下面是导致格式化的div，用选项卡表示它们是如何嵌套的，每个div下面是div的CSS格式

<div class="container">
    #section-content .container {
        padding-top: 20px;
    }

    #section-content .container {
        border-left: 10px solid white;
        border-right: 10px solid white;
    }

        <div class="eleven columns content sixteen no-thumbnail">
            .content {
                padding: 10px 0 0;
            }

            .column, .columns {
                float: left;
                display: inline;
                margin-left: 10px;
                margin-right: 10px;
            }

                <div class="the_content post type-post hentry excerpt clearfix">
                    .content .hentry {
                        padding-bottom: 15px;
                    }

                    <div class="royalSlider">
                        <div class="rsOverflow">
                            <div class="rsContainer">

#节内容.容器{
填充顶部：20px；
}
#节内容.容器{
左边框：10px纯白；
右边框：10px纯白；
}
.内容{
填充：10px0；
}
.column、.columns{
浮动：左；
显示：内联；
左边距：10px；
右边距：10px；
}
.content.hentry{
垫底：15px；
}

我想我可以用一堆>（或者……我的CSS技能还很初级）来指定当royalSlider div出现时，它将覆盖所有其他规则，但我不知道如何做

页面的URL位于此处：

这里有一张图片，展示了它现在的样子，我希望它是什么样子，以及CSS格式化方式的彩色编码图形

（来源：）

---

任何帮助都将不胜感激。

为图像提供一个ID，并将其填充设置为0、0、0、0，如果图像下仍有一些空白，请将“显示”属性设置为“块”

您可以尝试类层次结构。我假设

royalSlider

肯定会出现，然后您可以尝试使用它的层次结构来指定用于它的规则

你可以试试

.container .royalSlider{
/* rules here */
}

希望能有帮助

[Edit]：因此，您的问题在于填充在父项中，因此才是问题所在

---

==>在容器上尝试相同的背景色-隐藏空白。这不是一个完美的解决方案-只是一种变通方法。如果你想让图像居中，那么就不合适了

为什么不用ID将滑块包装在一个div中，然后只针对ID中的类，这样你的填充、边距、边框更改就不会影响其他元素？这有什么语法？我以前试过类似的东西，但就是不起作用。谢谢你的建议。它实际上已经在ID#new-royalslider-5中，所以我尝试添加以下内容：#new-royalslider-5{padding:0；display:block；}似乎没有任何变化。为什么一开始就有这么多div？无论如何，我使用Opera，有一个功能-Opera Dragonfly，你激活它并点击任何元素，它会显示源代码以及它的确切位置。。。当我点击图像时，我看到页边空白顶部现在有-10px，图像本身添加了空白，另外3个div也有10-20px每个div添加了空白如果你使用Dragonfly，你可以检测所有这些div并将它们的背景颜色更改为你想要的蓝色…哦，还有，您为每个元素提供了多个类，这可能会弄乱代码-多个类意味着一个属性具有更多不同的值我知道空白来自何处。我只是不知道如何在不改变其他内容的情况下查看空白。我想我要做的是一个“父选择器”，它显然只存在于CSS4中P谢谢…谢谢，不过我似乎还是无法让它删除空白。我已经看过你的例子，我已经修改了它，使它更接近我要做的。。。我希望这是有道理的。维韦克，这是一个多么好的、狡猾的解决方案！我想这可能是我将要做的，因为我发现我正在尝试做的事情在CSS中是不可能的。谢谢