$("li").css("color", "#000")//把字体改为红色，根据自己喜欢的样式改
如要改多个样式：$("li").css({"color": "#000"},{"属性":"值"}.............)
})
假如你hover的样式和click的样式相同，那你把这相同的样式写两个不同的类名，$("li").on({
mouseenter: function(){
$(this)..addClass("hover_active")
},
mouseleave: function(){
$(this).removeClass("hover_active")
},
click: function(){
$("li.clickactive").removeClass("clickactive")
$(this).addClass("clickactive")
}
})
注意，这里的clickactive和hoveractive是两个样式相同的类，只是名字不同，这样removeClass的时候就不会把click的样式也去掉了
可以通过width属性设置li中字段的宽度根据实际长度显示宽度。在li的样式中加上width:auto就可以实现了；现在来看下面一段代码：
CSS样式设置：
#info_main{text-align:centerborder:1px solid
#CCCwidth:620px}
#info_main li{width:autofloat:leftmargin:0px 8px
padding:0pxborder:1px solid #CCC}
网页代码：
<div
id="info_main">
<ul>
<li>时间：{dede:field name='pubdate'
function='strftime("%Y-%m-%d %H:%M","@me")'
/}</li>
<li>来源：{dede:field.source/}</li>
<li>作者:{dede:field.writer/}</li>
<li>点击:<script
src="{dede:field
name='phpurl'/}/count.php?view=yes&aid={dede:field
name='id'/}&mid={dede:field name='mid'/}"
type='text/javascript'
language="javascript"></script>次</li>
</ul>
</div>
显示效果如下图：
