css链接样式的写法<link

html-css07

css链接样式的写法<link,第1张

a:link { text-decoration: none}

a:visited { text-decoration: none}

a:hover { text-decoration: underline}

a:active { text-decoration: underline}

注意:在 CSS 定义中,a:hover 必须位于 a:link 和 a:visited 之后才能生效,a:active 必须位于 a:hover 之后才能生效。

linkvisitedhoveractive解释及正确顺序:

a:link 选择器设置指向普通的、未被访问页面的链接的样式

a:visited 选择器用于设置指向已被访问的页面的链接

a:active 选择器用于活动链接

a:hover 选择器用于选择鼠标指针浮动在上面的元素。

text-decoration 属性大多用于去掉链接中的下划线:

例如:a:link{text-decoration:none}看到别人总结的两点参考下记忆:

在CSS中,如果对于相同元素有针对不同条件的定义,宜将最一般的条件放在最上面,并依次向下,保证最下面的是最特殊的条件。

“爱恨原则”(LoVe/HAte),即四种伪类的首字母:LVHA。

再重复一遍正确的顺序:a:link、a:visited、a:hover、a:active

扩展资料:

css链接link时,链接可以使用任何css属性,包括字体.颜色.背景等等. 链接有四个状态,可在四个状态时设置不同的属性 a:link - 正常,未访问过的链接 a:visited - 用户已访问过的链接 a:hover -

当用户鼠标放在链接上时 a:active - 链接被点击的那一刻 当为链接的不同状态设置样式时,需要遵循a:hover 必须位于a:link 和a:visited之后,a:active 必须位于 a:hover 之后。

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{

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

}