如何设置多个链接颜色的CSS样式

如题。。要有详细步骤。。
2024-12-27 07:55:42
推荐回答(4个)
回答1:

使用CSS选择器:这个选项的功能是可以设定链接文本的样式在选择器下拉列表中内定了四个选项: a:active ——定义链接被激活时的样式,即鼠标已经点击了链接,但页面还没有跳转时。 a:hover ——定义了鼠标悬浮在链接文字上时的样式。 a:link ——定义了链接文字的样式。 a:visited ——浏览者已经访问过的链接样式。这个选项有两个功能。 1)一是对具有一定关联组合标签的对象使用指定的样式,选择器一栏设置是:(td p),这表示文件中所有在表格中使用
标签包围的文本将使用这里定义的统一样式,而不在表格中的

标签包围的文本将不使用这个样式。
2)我们还可以定义两种以上的链接样式风格,具体步骤如下:在选择器下拉框中选择a:link,此为链接文字常规状态下的样式具体参数如图,注意此样式我们使用的是有下划线(underline),颜色为(#0000FF)的样式。
接下来在选择器下拉框中选择a:hover,此为鼠标悬浮在链接文字上方状态时的样式同样的方法我们可以建立另一个链接样式a.t1:link和a.t1:hover。在选择器下拉框中选择a:link,修改其为a.t1:link,即在原有的a:link中加入.t1样式类
再在选择器下拉框中选择a:hover,修改其为a.t1:hover,即在原有的a:hover中同样加入.t1样式类
来自于别 的网上,因时间问题不是自己所写

回答2:

a.a5:link {color:#333333;text-decoration:none;}
a.a5:hover {color:#008000;text-decoration:none;}
a.a6:link {color:#333333;text-decoration:none;}
a.a6:hover {color:#008000;text-decoration:none;}
注:link 是初始颜色和状态
hover 是鼠标移过去时候的颜色和状态
这里的状态都是不显示下划线

回答3:

先从大局上,提取公用的样式,一个网站,肯定许多风格都是相似的,菜单,导航什么的
然后把CSS分成几个文件,比如一个版块几个文件共用一个css,另一个版块加载另一个css,这样会简化一个css文件的内容

回答4:

加个class=?就行,我来教你.