昨天突然发觉自己博客的首页的文章列表的简介部分设置的不够人性化

就是说

如果想查看文章的详细内容的时候

必须要点击标题

而第一次访问的朋友也许根本就找不着头绪

并且下面的分类标签也没加上超链接

于是立马更新一下

很简单的操作

可就是在加上“查看全文”后

那超链接的样式和整站的模式一样

不爽

遂改之

不过因为是整站的CSS定义已经固定了

这就需要把这个链接作单独处理了

以往没用到这种方式

所以不怎么明白

那么

该如何实现呢？

还是上百度

答案来了：

可以样式表文件中定义一般性的超链接样式，和多个个性样式，如下
个性样式：

a.style1:link{color:red;text-decoration: none}
a.style1:visited {color:lime;text-decoration: underline}
a.style1:hover {color:gray;text-decoration: underline}

下面是一般性样式
A:link {
font-size: 10pt;color:blue; font-family: "宋体"; text-decoration: none
}
A:visited {
 font-size: 10pt; colo: blue; font-family: "宋体"; text-decoration: none
}
A:hover {
 font-size: 10pt; left: 1px; colo:green; font-family: "宋体"; text-decoration: underline
}


引入样式表，然后在需要用个性化样式的超链接用个性化样式，如：
<a class=style1 href="...">   ...   </a>

现在我把“查看全文”的超链接样式做了单独的处理

当未点击时显示为红色 14PX

当点击过后显示为淡蓝色 12PX 且有删除线

OK

收工~