1

スパン 2 スパン 4 などとしてブートストラップ スパン クラスを使用しています。私の問題は、親の li が黒で塗りつぶされた弾丸を意味するのと同じように、li の下の li に同じ外観を与えることです。 ....私を助けてください。

これがliとulの私のコードです：

<ul class="thumbnails">
<li class="span2"><span style="color: #e15b1f;">DESIGNER/FASHION HOUSES</span>
<ul>
<li>ASHIMA & LEENA SINGH Delhi</li>
<li>JATTIN KOCHHAR Delhi</li>
<li>JJ VALAYA Gurgaon</li>
<li>MANAV GANGWANI Delhi</li>
<li>MANDIRA WIRK Delhi</li>
<li>MONISHA BAJAJ and CO.Delhi</li>
</ul>
</li>
<li class="span2"><span style="color: #e15b1f;">RETAIL 
ORGANISATIONS</span>
<ul>
<li>EBONY 
Delhi</li>
<li>SHOPPERS STOP 
Mumbai</li>
<li>PANTALOONS 
Mumbai</li>
<li>LIFESTYLE 
Delhi</li>
<li>TOMMY HILFIGER 
Bangalore</li>
<li>NIKE 
Bangalore</li>
</ul>
</li>
<li class="span2"><span style="color: #e15b1f;">DOMESTIC 
COMPANIES</span>
<ul>
<li>INTERTEK 
Gurgaon</li>
<li>WECA 
Gurgaon</li>
<li>BIBA APPARELS 
Delhi</li>
<li>SEWA 
Delhi</li>
<li>PROVOGUE 
Mumbai</li>
<li>BOMBAY DYEING 
Mumbai</li>
</ul>
</li>
<li class="span2"><span style="color: #e15b1f;">OVERSEAS 
COMPANIES</span>
<ul>
<li>CARREFOUR INDIA 
United Kingdom </li>
<li>COLBY INTERNATIONAL 
New York</li>
<li>GAP INTERNATIONAL 
USA</li>
<li>LI AND FUNG 
Hong Kong</li>
<li>POETICGEM UK</li>
<li>JILL STUART 
New York</li>
</ul>
</li>
</ul>
4

5 に答える 5

3

追加するだけ

li {
    list-style-type: disc !important;
}

スタイルシート/ヘッドスタイルタグにトリックを行う必要があります。

于 2012-10-30T08:27:50.350 に答える
1

list-style-type: disc;弾丸が欲しいLIのレベルに適用する必要があります。

http://jsfiddle.net/aab2p/2/

私の例では、赤い見出しの下にあるすべてのLIを箇条書きで示しています。

ul > li > ul > li {
    list-style-type: disc !important;
}
于 2012-10-30T08:31:10.723 に答える
1

以下は *browser default*s (circle内側のリストに使用する) をオーバーライドして、リスト項目に実線 ( disc) のリスト箇条書きを持たせるのに十分です:

ul li, ul li li { list-style-type: disc; }

使用している一部のブートストラップ コードの設定をオーバーライドするのにこれが十分でない場合は、そのコードを分析し、より具体的なセレクターを使用して CSS をセットアップする必要があります。たとえば、Firefox で Firebug を使用すると、各要素にどの CSS ルールが適用されているかを確認できます。

于 2012-10-30T09:21:22.060 に答える
1

Daedalusの回答と同じですが、HTMLファイルです。 <li style="list-style-type: disc;">ASHIMA & LEENA SINGH Delhi</li>

于 2012-10-30T08:35:24.097 に答える
1

他の誰も持っていないので、既にインプレース クラスを実際に使用する答えを提供します。次のコードを CSS スタイルシートに配置します。

li.span2 ul li {
    list-style: disc;
}

//OR

ul.thumbnails > li.span2 > ul > li {
    list-style-type: disc;
}

Daedalus や Adam の回答のように、既存のスタイルをオーバーライドするために適用!importantすることもできますが、今回は、サイト内の他のネストされたリストには影響しません。

于 2012-10-30T09:04:58.260 に答える