0

首先是我目前的菜单的样子。

在此处输入图像描述

问题是不应看到 dsasdf div 中的边界线或此背景。

在此处输入图像描述

我当前的 HTML 代码是：

<div id='cr'>
        <div>
            NEWS
            <div id="m_news">dfadf</div>
        </div>
</div>

#cr 的 CSS：

  div#cr{

    /*background-color:#1a0f08;*/
    float:right;
    padding:10px;
    width:260px;
    height:100%;
}
div#cr div{
    background-image:url("../img/bg_post.jpg");
    background-position:0px -5px;
    background-repeat:repeat-x;
    border-radius:2px;
    color:#663b20;
    margin-top:5px;
    height:80px;
    padding:8px;
}
div#cr div:hover{
    border:1px solid #bd8100;
    color:#FFF;
}

以及#m_news 的 CSS：

div#m_news{
background-image:url("../img/menu/messages.gif");
border:0;
}

问题是m_news ID 无法修改之前由#cr 设置的 CSS，即使它更像是一般的页面修改。我曾尝试在 Internet 上搜索此问题的答案，但据我所知，它有时取决于您的 CSS 代码的位置，但我尝试更改顺序，但它也不起作用。

为什么div#cr div比div#m_news更重要？

另外，不设置ID，如何在最里面的DIV中设置CSS？我是说， 在此处输入图像描述

如何将新的 CSS 设置为#id1中的最小框，但不修改另一个大框？

4

1 回答 1

3

div#cr div的优先级高于div#m_news。您可以将其更改为div#cr div#m_news.

您可以在此页面上阅读有关特殊性的更多信息：了解 CSS 中的样式优先级：特殊性、继承和级联。

您可以看到优先级是这样排列的：

  • 元素，伪元素：0,0,0,1
  • 类，伪类，属性：0,0,1,0
  • 编号：0,1,0,0
  • 内联样式：1,0,0,0

所以根据这个：

div#cr div具有0,1,0,2的特异性，而div#m_news具有“仅” 0,1,0,1 之一。

于 2013-02-09T22:26:19.987 回答