以下CSS代码中控制显示字体是哪个?
.wrap .recommendinfo {
width: 298px;
height: 104px;
margin-bottom: 10px;
border: 1px solid #cccccc;
}
.recommendinfo h3 {
float: left;
display: inline;
width: 30px;
height: 102px;
margin: 1px 5px 1px 1px;
line-height: 1.7;
color: #275c91;
background: #d7e7f7;
font-size: 120%;
font-weight: bold;
}
.recommendinfo h3 span {
display: block;
text-align: center;
margin: 0 5px;
}
.recommendinfo ul {
float: left;
margin: 3px 0 0 0;
width: 250px;
font-size: 120%;
line-height: 1.7;
}
.recommendinfo li {
clear: both;
}
.recommendinfo .date {
float: right;
line-height: 2;
font-size: 80%;
font-size:9px;
color:#999999;
}
我更改添加font-size:都不能改变字体大小。要改.recommendinfo里的字体大小!
就是这个站里首页公告栏的问题:http://www.hrcry.com/
我要把公告栏里的字体改小
看了一下源代码,公告栏中的容器设置为:
<div class="recommendinfo">
<h3><span>站内公告</span></h3>
<森颤ul>
<ul>
<li><a href="/announce.asp?announceid=1" target="_blank" title="新站开张,欢迎光临!">新站开张,欢迎光临!</a>漏兆<em> - <em class="oldDate">2009-01-04 12:48:52</em></em></li>
</ul>
</ul>
</div>
css有个就近原则,公告栏里的内容是加的链接的,因此你对a标签外的容器加样式对a标签内的文字是没有效果的,所以要对离文本内此搜败容最近的a标签设置样式.
.recommendinfo ul li a{font-size:12px;}
在
.recommendinfo li {
clear: both;
}
这个里纳州大面加font-size控洞竖制 告栏里的字体改迹敬小
既:
.recommendinfo li {
clear: both;
font-size:12px;
}
加新的CSS:
.recommendinfo li a{font-size:12px;}