Span类没有改变任何东西

时间:2015-02-11 17:28:40

标签: html css

我正在尝试更改span类中的所有内容" Intro"有这些设置:

span.Intro{  
display: inline-block;
margin-left:0px;
font-family: 'Lucida Sans Unicode';
 line-height: 0px;
 height: 25px;
 color: grey; 
 list-style:square; 
 font-size: 150%;
 padding-left: 0px;}

我尝试执行此操作的示例:

<span class ="Intro" <ul><li><b>History</b></li></ul></span>

这个以前有用,但是今天我打开了我的文件而它没有? 结果目前只是一个正常的预格式圆圈粗体项目点,有什么帮助?

编辑:解决了,谢谢你的帮助

4 个答案:

答案 0 :(得分:0)

你有:

<span class ="Intro" <ul><li><b>History</b></li></ul></span>

需要:

<span class ="Intro" ><ul><li><b>History</b></li></ul></span>

答案 1 :(得分:0)

检查<span class="Intro">并记住 span 是内联元素, ul 是块元素。您不应该将嵌段元素嵌套在内联元素中。您可以在 ul 中使用 span ,但不要在 span

中使用 ul

例如,请参阅http://www.w3schools.com/tags/tag_span.asp 要么 http://webdesign.about.com/od/htmltags/a/aa011000a.htm

答案 2 :(得分:0)

HTML标记

<span class ="Intro"><ul><li>History></li></ul></span>

CSS样式

span.Intro ul li{  
    margin-left:0px;
    font-family: 'Lucida Sans Unicode';
    line-height: 0px;
    color: grey; 
    list-style:square; 
    font-size: 150%;
    font-weight:bold;
}

答案 3 :(得分:0)

将“span.Intro”替换为css文件中的“span.Intro ul”。