Question

css同一个div里怎么用不同的文字样式

CSS:
#right_column1 ul{ display : none; position:absolute;}
#right_column1 li{ font-size:150%; line-height:100%; }
#right_column1 .biaoti li { font-size:300% ,line-height:100%;}

正文：

<div>
<ul id="right_column1">
<li class="biaoti">asd</li>
<li>qwe</li>
</ul>
</div>

按理说asd的大小应该是300%，qwe的大小是150%，但效果确是两者大小都是150%，为什么？应该怎么改？

Answer 1

你的CSS样式写法有误
建议不要用#这样的写法 给ul一个单独的class
建议你给你需要样式字体之间用 span或者 h1-h6样式 ，然后在css样式里定义不同的语法

如 .<css样式名> ul{<语法>}
比如 .right_column ul{};
.right_column ul li{};
.irght_column ul li h1{}

CSS:
.right_column1 ul{ display : none; position:absolute;}
.right_column1 ul li{ font-size:150%; line-height:100%; }
.right_column1 ul li h1 { font-size:300% ,line-height:100%;}

正文：

<div class="right_column1">
<ul >
<li ><h1>asd<h1></li>
<li>qwe</li>
</ul>
</div>
像这样就可以了css也简洁明了,养成良好习惯，对以后会有很多好处

Answer 2

css文件里的代码是要在首页或者其他页面调用的，只要你的ID不同，调用时就不会出错，样式肯定是不同的。因此，只要你在css里写两行代码就行了，ID不一样，这样在调用时就可以实现不同文字样式的要求了。

Answer 3

首先介绍一些行内元素
a,b,code,em,label,span,strong,i ......等
这些元素都能用在div内，有各自不同的含义，当然根据具体需求可以只用其中的一种或者多种。在样式表中，你可以针对单一（或多个）的这个（或这些）标签定义样式，如果div内的不同样式很多，相同的标签也可以添加不同的类名以达到区分不同样式的目的。
这样同一个div里就可以用不同的文字样式了。

Answer 4

#right_column1 .biaoti li { font-size:300% ,line-height:100%;}
错了
<li class="biaoti">asd</li>
你应该想想.biaoti放在哪里

Answer 5

#right_column1 .biaoti li { font-size:300% ,line-height:100%;}
改成
#right_column1 .biaoti{ font-size:300% ,line-height:100%;}