李无法将子弹作为李

时间:2012-10-30 08:12:26

标签: html wordpress

即时通讯使用bootstrap span类作为span 2 span 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>

5 个答案:

答案 0 :(得分:3)

简单地添加

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

你的样式表/头部样式标签应该可以解决问题。

答案 1 :(得分:1)

您只需要将list-style-type: disc;应用于您希望拥有子弹的LI级别。

<强> http://jsfiddle.net/aab2p/2/

我的例子显示所有LI在红色标题下用子弹:

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

答案 2 :(得分:1)

与Daedalus的答案相同,但在HTML文件中。 <li style="list-style-type: disc;">ASHIMA & LEENA SINGH Delhi</li>

答案 3 :(得分:1)

正如其他人所没有的那样,我将提供一个实际使用已经就地的课程的答案。将此代码放在CSS样式表中:

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

//OR

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

您可能希望将!important应用于覆盖现有样式,例如Daedalus或Adam的答案,但这次您不会影响您网站中的任何其他嵌套列表。

答案 4 :(得分:1)

以下内容足以覆盖*浏览器默认* s(内部列表使用circle),以便列表项具有实心(disc)列表项目符号:

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

如果这不足以覆盖您正在使用的某些引导代码中的设置,那么您需要分析该代码并使用更具体的选择器设置CSS。使用例如Firefox中的Firebug可以看到哪些CSS规则应用于每个元素。

相关问题