css - 将 CSS 属性应用于 ID 被忽略 - 原因？

Question

我有一个 joomla 网站(尽管这篇文章更广泛地介绍了 CSS)，它有一个相当复杂的嵌套 div 结构。页面的一部分有一个 id #rt-showcase。我在那里有一个横幅，其中放置了一个自动输入的段落元素，并且有一个底部边距我试图摆脱( http://dev.pfp-consortium.org/ )。这个段落元素有我试图覆盖的边距。 joomla结构是

<div id="rt-showcase">
     <div class="rt-showcase-pattern">
        <div class="rt-container">
            <div class="rt-grid-12 rt-alpha rt-omega">
                <div class="rt-block ">
                    <div class="module-surround">
                        <div class="module-content">
                            <div class="custom"  >
                                <p><img src="/images/headerimgs/topimage.jpg" alt="topimage" /></p>

在 firebug 中，我看到了 p 属性，它出现在已编译的 CSS 文件中。我清除了 CSS 缓存并在主题的 CSS 中添加了以下内容:

p#rt-showcase { 
    padding: 0px 0px 0px 0px !important;
    margin: 0px 0px 0px 0px !important;
} 

但无论我做什么，这个声明都会被忽略。我认为这样的声明将提供正确的特异性，并优先于可能为该嵌套结构中的其他元素做出的任何其他声明。

有什么想法吗？顺便说一句，我想出了如何防止 joomla 添加 p 标签，但现在我真的只想了解为什么我的 CSS 编辑不起作用......

Answer 1

rt-showcase 是一个 div 元素。您描述了 p 元素的 CSS 选择器。

应该是:

div#rt-showcase { 
    padding: 0px 0px 0px 0px !important;
    margin: 0px 0px 0px 0px !important;
}