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

以下内容足以覆盖 *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

您只需要申请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

与代达罗斯的答案相同,但在 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;
}

您可能希望应用!important它来覆盖现有样式,如代达罗斯或亚当的回答,但这次您不会影响您网站中的任何其他嵌套列表。

于 2012-10-30T09:04:58.260 回答