在一个div里单独定义超链接的样式…

在一个div里单独定义超链接的样式或颜色,怎么定义单个超链接的样式?一直在烦恼这个问题,但也没认真对待。今天小总结下吧。想定义某个超链接的样式,方法有两种:不过这里建议采用第2种要简单一点,其实效果都一样,估计第一种的代码要多一点,所以我用的是第二种。第一种我没试过,第二种试了有效,大家自己采用吧。

一、继承:

比如说:全站的超链接css为

a {text-decoration:none;color:yellow;}  
a:hover {color:#red;text-decoration:underline;}

其中box css为 .box{font-size:25px; width:100px;}

重点来了:想改变超链接样式 就这样写:

.box a{text-decoration:underline;color:blue;}:此处超链接就变为蓝色有下划线

同样:.box a:hover {color:#green;text-decoration:none;} 点击之后为 ,绿色无下划线。

二、伪类【推荐这种】

这个直接在这样写  a.blue {text-decoration:underline;color:blue;}  

一些小问题不理请用的时候就很纠结,能修改了,但心里老是怪怪的。可能是不太常用的缘故吧。现在理清了,也算个备忘吧。

你可能感兴趣的:(前端)