在dreamweaver中的CSS样式中,vlink,alink,link和a:link什么区别?

html-css09

在dreamweaver中的CSS样式中,vlink,alink,link和a:link什么区别?,第1张

分类: 电脑/网络 >>互联网

解析:

一组专门的预定义的类称为伪类,主要用来处理超链接的状态。超链接文字的状态可以通过伪类选择符+样式规则来控制。伪类选择符包括:

① a:link:未访问链接

② a:visited:已访问链接

③ a:active:激活时(链接获得焦点时)链接的颜色

④ a:hover:鼠标移到链接上时

一般a:hover和a:visited链接的状态(颜色、下划线等)应该是相同的。前三者分别对应body元素的link、vlink、alink这三个属性。四个“状态”的先后过程是:a:link ->a:hover ->a:active ->a:visited。另外,a:active不能设置有无下划线(总是有的)。

举例:伪类的常见状态值

<style type = “text/css”>

<!--

a:link {color: bluetext-decoration:none} 未访问:蓝色、无下划线

a:active:{color: red} 激活:红色

a:visited {color:purpletext-decoration:none} 已访问:purple、无下划线

a:hover {color: redtext-decoration:underline} 鼠标移近:红色、下划线

-->

</style>

需要准备的材料分别有:电脑、浏览器、html编辑器。

1、首先,打开html编辑器,新建html文件,例如:index.html。

2、在index.html中的<style>标签中,输入css代码:a:visited {color: blueviolet}。

3、浏览器运行index.html页面,此时超链接文本单击后的样式被设置了文字紫色颜色。

class这儿(link_Blue) 和你链接的那个名字(Link_Black)不符 ...

你那个优先级

1、后代选择器元素 [空格] 元素{样式声明}

比如 div span{width:300px}

2、子元素选择器 div >p{样式声明}

只能选择该元素最近的下一级子元素

只对子元素1 的

产生效果,对子元素2下的p不起作用

<div>父元素

<p></p>子元素1

<span></span>子元素2

<h2></h2>(孙)子元素

用你<a href="Default.aspx">test_none</a>

<a href="Default.aspx" class="link_Blue">test_a</a> 的父元素声明

比如 <class="b"><a ....>test_a</a></b>

style

.b>link_Blue{

你想写的样式都可以在这儿巴拉巴拉.....

}