html - 2个不同的定制(标签)类

标签 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>

谢谢

最佳答案

尝试:

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.

关于html - 2个不同的定制(标签)类,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20440061/

相关文章:

javascript - 最有效的滚动文本

python - Django 和 Pymongo - 获取多个输入并更新所有对象中的单个字段

css - Flex-direction 行和 justify-content : flex-start not working

html - 垂直对齐 div 内 ul 旁边的图像

html - 单行带有标签的样式 Bootstrap 主题复选框

html - Css 宽度过渡以错误的方式插入事情

css - 保持标题宽度至少为内容宽度的 100%

javascript - 如何通过 django 中基于模板函数的 View 更改 Django 模型字段的值

html - 我有一个轮播,它在桌面上一次显示 4 张图像。我希望在移动 View 中一次只显示一张图像

javascript - 如何使文本在屏幕上来回移动?