CSS какая разница между этими двумя

Question

У меня есть два файла CSS,

снимите проблему:

этот выбор показывает отсутствие заглавных букв в CSS. CSS, который вы видите при первом выборе, не относится к меню, но это не имеет значения, поскольку он влияет на все CSS.

1: оригинал ссылка

2: копия ссылка

IE проблема только

Теперь моя проблема в том, что они действуют не так, как вы ожидаете. оригинал показывает содержание, как вы ожидаете. вторая не показывает выпадающее меню, как это должно быть.

Во-вторых, если я посмотрю на CSS в браузере, то он сам, чем оригинал, будет строчными, а копии тегов будут прописными. с, кажется, вызывает некоторые проблемы.

вещей, которые я проверил:

• DOCTYPE
• ID
• Классы
• структура
• тег стиля против .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

Как говорит Сергей Кудрявцев, файлы разные. Наиболее значимым из них является:

Оригинал:

#menu > li {

"Копировать":

#menu li

И это опять где-то еще. Это меняет селектор и, следовательно, потенциально, к каким элементам применяется стиль.

Эти файлы должны быть одинаковыми? Тот факт, что вы называете их копиями, заставляет меня думать, что это так, но совершенно ясно, что это не так, что заставляет меня задуматься, а не заключается ли основная проблема в том, как они должны отличаться в первую очередь ...

Answer 2

Файлы разные - по крайней мере, второй содержит дополнительный min-width: 130px; в стиле #menu li.Также #menu li ul имеет разные color, установленные в этих файлах.Может быть, есть что-то еще, не смотрел дальше.

Answer 3

Способ решения CAPS в CSS - простой метатег в голове. Заглавные буквы в скрипте взяты из режима Quirks.чтобы остановить браузер IE для использования этого режима, используйте метатег, показанный здесь

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