CSSでlist-style型のディスクの大きさを制御するには？

質問

私のHTMLが先です。

<ul class="moreLinks" >
    <div>More from Travelandleisure.com</div>

        <li><a rel="nofollow" href="">xyz1</a></li>
    <li><a rel="nofollow" href="">xyz1</a></li>
    <li><a rel="nofollow" href="">xyz1</a></li>
</ul>

私は、ディスクが私に正しく見えるように、liに非常に小さなfont-sizeを適用し、liの内側の"a"にCSSを適用することができることを知っている。しかし、私が働いているサイトでは、なぜこれが機能しないのかわかりません。私はhtmlを直接制御することはできません。

これを作るときに見ました。

.farParentDiv ul li {
    list-style: disc inside none;
}

これをTO。

.farParentDiv ul li {
    list-style-type: disc;
    font-size:10px;
}

で、font-sizeを"a"に適用したところ、Firebugでは正常に動作するようになりました。いろいろ試したのですが、疲れました。cssファイルに上書きすることはできますが、firebugでやったように直接変更することはできません。 何が問題なのか書いてください。

以前はリンクの直前にドット(.)を入れて、そこにcssを適用してディスクサイズを制御していましたが、やはりHTMLを制御することはできません。

どうすればいいのでしょうか？

私はいつも、すべてのブラウザがまったく同じ方法で弾丸を解釈することを信頼する代わりに、背景画像を使用することで良い運を持っていました。これによって、弾丸のサイズを厳密に制御することもできます。

.moreLinks li {
    background: url("bullet.gif") no-repeat left 5px;
    padding-left: 1em;
}

また DIV の外側に UL . 今のままでは無効なマークアップです。リストヘッダーを LH を使うことができます。