我试图完成每个div有不同的超链接样式。我有一个整体的超链接样式,然后一个div,我想在该div的所有超链接一个完全不同的样式。我只是不确定如何编码css。任何帮助都会很棒的。
a {color:#d85d5d; font-weight:bold; text-decoration:none;}
a:hover {color:#222; text-decoration:underline;}
.SingleLink
{
#a
#a:{
text-decoration: underline;
}
#a:link {
color: #0000FF;
}
#a:visited {
color: #660099;
}
#a:active {
color #FF0000;
}
#a:hover {
font-weight: bold;
}
}
所以基本上我的页面上的所有东西都是第一个a然后。singlelinkdiv中的任何东西都有不同的超链接样式
谢谢!
您需要为每个类使用类名,您不能像在您的示例中使用纯CSS那样包装它们。
使用下面的代码应该可以解决这个问题:
.SingleLink a { text-decoration: underline; }
.SingleLink a:link { color: #0000FF; }
.SingleLink a:visited { color: #660099; }
.SingleLink a:active { color #FF0000; }
.SingleLink a:hover { font-weight: bold; }
您需要为每个规则指定.SingleLink选择器,如下所示:
.SingleLink a:link { color: #0000FF; }
.SingleLink a:visited { color: #660099; }
.SingleLink a:active { color #FF0000; }
.SingleLink a:hover { font-weight: bold; }
使用{}在选择器下对规则进行分组只对某些CSS预处理器(如LESS)有效,但对"纯"CSS无效。