请问如何把这下面的html代码的效果完全用css代码表现出来，要求文字前面的小图标也随着文字的颜色变化而变

<div class="main_right"> <div class="mod_citenav"> <br <div class="mod_container"> <dl class="h4"> <br /> <dt><A href="*" target=_blank>小说</A></dt> <dd> <A href="*" target=_blank>倾城之恋</A> <A href="*" target=_blank>百味人生</A> <A href="*" target=_blank>故事新编</A> <A href="*" target=_blank>魅影奇幻</A> <A href="*" target=_blank>弹指江湖</A> <A href="*" target=_blank>尖峰时刻</A> <A href="*" target=_blank>纯真年代</A> <A href="*" target=_blank>另类先锋</A> </dd> </dl> <dl class="h2 bg"> <dt><A href="*" target=_blank>散文</A></dt> <dd> <A href="*" target=_blank>在水一方</A> <A href="*" target=_blank>悠然我思</A> <A href="*" target=_blank>天涯萍踪</A> <A href="*" target=_blank>动感都市</A> </dd> </dl> <dl class="h2"> <dt><A href="*" target=_blank>杂文</A></dt> <dd> <A href="*" target=_blank>无心快语</A> <A href="*" target=_blank>声色文武</A> <A href="*" target=_blank>假语村言</A> <A href="*" target=_blank>思想钩沉</A> </dd> </dl> <dl class="h1 bg"> <dt><A href="*" target=_blank>诗歌</A></dt> <dd> <A href="*" target=_blank>如歌行板</A> <A href="*l" target=_blank>诗风词韵</A> </dd> </dl> </div> </div> </div>

追问：要的是整体的效果显示出来啊，求完整的CSS代码，能够显示图中的效果怎么写？

答案：a:hover{里面写CSS代码就行了,比如.font-size:20px}鼠标放上去字体变大。要下化线，就加下划线代码。代码忘了

其他：使用CSS中的伪类吧。 坐等高手 伪类 自己想 bu  zhiadda