html - CSS 这两者有什么区别

Question

我有两个 CSS 文件，

解决问题的图片:

这个选择在 css 中没有显示大写字母。您在第一个选择中看到的 css 不是菜单的 css，但看到它影响所有 css 并不重要。

1:是原来的 link

2:副本 link

仅 IE 问题

现在我的问题是它们的行为方式与您预期的不同。原件显示了您所期望的内容。第二个没有按预期显示下拉菜单。

第二件事是，如果我在浏览器中查看 CSS，它本身比原始文件全是小写字母，而副本标签是大写字母。 with 似乎会造成一些麻烦。

我检查过的东西:

• 文档类型
• 身份证
• 类(class)
• 结构
• 样式标签与 .css

HTML原文:

<div style="margin-left: 50px;">
<ul id="menu">
    <li><a href="#">Login</a> </li>
    <li><a href="#">Help</a>
    <ul id="help">
        <li>
        <img alt="" class="corner_inset_left" src="corner_inset_left.png" />
        <a href="#">General help</a>
        <img alt="" class="corner_inset_right" src="corner_inset_right.png" />
        </li>
        <li><a href="#">Posts</a></li>
        <li><a href="#">Pages</a></li>
        <li class="last">
        <img alt="" class="corner_left" src="corner_left.png" />
        <img alt="" class="middle" src="dot.gif" />
        <img alt="" class="corner_right" src="corner_right.png" /> </li>
    </ul>
    </li>
</ul>
<img alt="" src="menu_right.png" style="float: left;" /> </div>

复制http://pastebin.com/qsdz7pnj

Answer 1

文件不同 - 至少第二个包含额外的 min-width: 130px; #menu li 样式。此外，#menu li ul 在这些文件中设置了不同的color。也许还有更多内容，还没有进一步查看。