CSS说明了这两者之间的区别

Question

我有两个CSS文件，

解决问题：

此选项显示css中没有上限。你在第一个选择中看到的css不是菜单的css，但是看到它影响所有css并不重要。

1：是原版 link

2：副本 link

仅限IE问题

现在我的问题是他们没有像你期望的那样行事。原始内容显示您所期望的内容。第二个没有显示下拉菜单，因为它应该这样做。

第二件事是，如果我在浏览器中查看CSS，它自己比原来的全部小写，副本标签是大写。似乎造成了一些麻烦。

我检查过的事情：

• DOCTYPE
• ID
• 类
• 结构
• style tag vs .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。也许有更多的东西，没有进一步看。

Answer 2

正如Sergey Kudriavtsev所说，文件不同。最重要的可能是：

原件：

#menu > li {

“复制”：

#menu li

在其他地方又有了这个。这正在改变选择器，因此可能改变样式应用于哪些元素。

这些文件是否相同？你把它们称为副本的事实让我觉得它们是，但它们显然不是让我怀疑潜在的问题是否就是它们首先是如何变得不同......

Answer 3

在CSS中解决CAPS的方法是头部中的一个简单的元标记。脚本中的大写字母来自Quirks-mode。停止IE浏览器使用此模式使用此处显示的元标记

<!-- Enable IE9 Standards mode -->
<meta http-equiv="X-UA-Compatible" content="IE=9" >