Question

请问如何把这下面的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>
<dt> 标签定义了定义列表中的项目（即术语部分）。
要是看不惯dt的可以不管这个html代码，只要有图中的效果出来就可以了
（这是截取的网上的图，但是通过浏览器只能看到html的代码，看不到CSS是如何写的，求高手解答！）

Answer 1

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

追问

要的是整体的效果显示出来啊，求完整的CSS代码，能够显示图中的效果

追答

标题

a {text-decoration:none}
a:hover {text-decoration:underline}

baidu

代码给你

Answer 2

使用CSS中的伪类吧。

追问

怎么写？

Answer 3

bu zhiadda

Answer 4

自己想

Answer 5

伪类