html - 私のiクラスにグリフィコンが適用されない

Question

i クラスに適用するグリフィコンを取得できません。理由がわからない。私のコードは次のとおりです。

私のHTMLは（テストケースの80％削減）です：

<div id="categorymenu">
    <nav class="subnav">
        <ul id="nav" class="nav-pills categorymenu">
            <li><a href=" //rsatestamle.dminsite.com/CategoryList.aspx" title="Categories" alt="Categories">Categories <i class=".icon-arrow-down .icon-white"></i></a>
                <div>
                    <ul id="nav">
                        <li>
                            <a href="http://rsatestamle.dminsite.com/made-in-the-u+s+a/c/USA_2012/">
                            Made in the USA</a>
                        </li>
                    </ul>
                </div>
            </li>
            <li>
                <a href=" //rsatestamle.dminsite.com/brands.aspx" title="Brands" alt="Brands">Brands</a>
            </li>
        </ul>
    </nav>
</div>

私の CSS は、Bootstrap.css (バージョン 2.3.2) 自体から直接作成したものです。

        [class^="icon-"],[class*=" icon-"]{display:inline-block;width:14px;height:14px;*margin-right:.3em;line-height:14px;vertical-align:text-top;background-image:url("http://cdnll.amleo.com/images/art/glyphicons-halflings.png");background-position:14px 14px;background-repeat:no-repeat;margin-top:1px;}
        .icon-white,.nav-pills>.active>a>[class^="icon-"],.nav-pills>.active>a>[class*=" icon-"],.nav-list>.active>a>[class^="icon-"],.nav-list>.active>a>[class*=" icon-"],.navbar-inverse .nav>.active>a>[class^="icon-"],.navbar-inverse .nav>.active>a>[class*=" icon-"],.dropdown-menu>li>a:hover>[class^="icon-"],.dropdown-menu>li>a:focus>[class^="icon-"],.dropdown-menu>li>a:hover>[class*=" icon-"],.dropdown-menu>li>a:focus>[class*=" icon-"],.dropdown-menu>.active>a>[class^="icon-"],.dropdown-menu>.active>a>[class*=" icon-"],.dropdown-submenu:hover>a>[class^="icon-"],.dropdown-submenu:focus>a>[class^="icon-"],.dropdown-submenu:hover>a>[class*=" icon-"],.dropdown-submenu:focus>a>[class*=" icon-"]{background-image:url("http://cdnll.amleo.com/images/art/glyphicons-halflings-white.png");}
        .icon-arrow-down{background-position:-312px -96px;}

ただし、適用されている唯一のスタイルは、私の style.css http://rsatestamle.dminsite.com/Styles/style.cssからのものです。

そのため、この時点でグリフィコンを使用する方法さえわかりません。簡単だと思いました:/何が間違っているのかわかりません。とても簡単に見えました。