使用两个不同的链接样式相同的页面

时间:2012-08-24 08:48:12

标签: html css hyperlink pseudo-class

enter image description here enter image description here我想在下面使用,但是有一个错误。问题..

a.tarz7:link,a:visited,a:active
{
display:block;
font-weight:bold;
color:#FFFFFF;
/* 
background-color:#6699FF;
*/
background-image:url(images/bgnisan2012/bg_rect_blue.gif);
width:130px;
text-align:center;
padding:1px;
text-decoration:none;
font-size:13px;
}
a.tarz7:visited
{
}

a.tarz7:hover
{
background-image:url(images/bgnisan2012/qbgblue.gif);
color:#FFFFFF;
} 

和..

a.buton_stil1{
    background:#3366CC;
    padding:5px 5px;
    text-decoration:none;
    color:#fff;
    font:bold 14px Arial, Helvetica, sans-serif;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}


a.buton_stil1{
    background:#3366CC;
    padding:2px 5px;
    text-decoration:none;
    color:#fff;
    font:bold 14px Arial, Helvetica, sans-serif;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

a.buton_stil1{
    background:#3366CC;
    padding:2px 5px;
    text-decoration:none;
    color:#fff;
    font:bold 11px Arial, Helvetica, sans-serif;
    -moz-border-radius: 7px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    box-shadow: 1px 3px 4px #fff;
    -moz-box-shadow: 1px 1px 2px #000;
    -webkit-box-shadow: 3px 3px 4px #000;
}


a.buton_stil1:hover{
   /*  eski stil
   background-color:#3333FF;

    text-shadow: 1px 1px 1px rgba(0, 
    0,1, 0.25);
    */
box-shadow: 1px 3px 4px #000;
background-image:url(images/bgnisan2012/qbgblue.gif);

在我的顶级div上,我使用:buton_stil1

示例:

<td align="center">
<a href="dun.php" class="buton_stil1" > Dün&nbsp; </a>
</td> 

在我的内容div上,ı使用a.tarz7

示例:

<td>  
<a class="tarz7"  href="sorularim.php" > >>> </a>    
</td>

现在,我在a.tarz7上没有问题,但是顶部按钮与buton_stil1有问题。 当按下他们正在增长的按钮时。像a.tarz7。


考试:   Dün

当点击此链接时,链接更改“tarz”

ı找到一种方法,分离两个链接伪类的效果。但是没有。 最终,会删除其中一个吗?

感谢。

1 个答案:

答案 0 :(得分:2)

难以阅读您的代码,但我猜问题就是这个

a.tarz7:link,a:visited,a:active

你一定是这个意思

a.tarz7:link,a.tarz7:visited,a.tarz7:active