2个不同的自定义(标签)类

时间:2013-12-07 10:04:47

标签: html css

是否可以定义2个不同的自定义(标签)类,具有不同的类名?

例如:

如果我在我的html代码中使用这些,我不能为(一个标签)定义不同名称的2种不同样式!

<a class="type1" href="#">test1</a>
<a class="type2" href="#">test2</a>

如何制作2个不同名称的实例?我应该在哪里使用type1和type2?

<style>

a:link {color:#FFFFFF;}
a:visited {color:#70B6F2;}
a:hover {color:#70B6F2;}
a:active {color:#70B6F2;}

a:link {text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {text-decoration:none;}
a:active {text-decoration:none;}

</style>

TNX

1 个答案:

答案 0 :(得分:2)

尝试:

a.type1:link {color:#FFFFFF;}
a.type1:visited {color:#70B6F2;}
a.type1:hover {color:#70B6F2;}
a.type1:active {color:#70B6F2;}

a.type2:link {text-decoration:none;}
a.type2:visited {text-decoration:none;}
a.type2:hover {text-decoration:none;}
a.type2:active {text-decoration:none;}

Demo here.