如何给指定的a标签定义css样式。

html-css023

如何给指定的a标签定义css样式。,第1张

给a标签加一个class,然后直接给样式名加伪类就行

比如<a href="#" class="A_css">1</a>

.A_css:hover{样式}

如果你是给所有a标签设置了统一样式，那么要给其中一个单独设置的话，可以在这么写，如下：

统一标签样式：a{样式}

单独样式：a.cssa01{样式}

<a class="cssa01"></a>

不过这种方式有个问题，就是a标签会继承你单独设置的样式之外的样式，解决方法有两种，第一，就是所有a标签都单独设样式而不要设统一样式，或者统一样式要是通用的不会影响其他单独样式的那种，第二，就是单独样式把统一样式注销掉或者修改，是在单独样式里写哦，不是统一样式写

首先在css文件中设置对应的a标签样式1

，一般用类名，如：<a

href="#"

class="style1"

id

=“a”>a标签</a>

.style1

{

color:#000

}

同时准备样式2

.style2{

color:#fff

}

在脚本事件中为a绑定点击事件：var

a

=

document.getElementById("a")

a.onclick=

function

(){a.className

=

"style2"

}