关于CSS 中a和a:hover起到什么作用?

html-css018

关于CSS 中a和a:hover起到什么作用?,第1张

a的作用是链接,点击<a></a>之间的内容,页面会跳转到链接的地址。直接设置它的颜色,比如,例子中a{color:#000},意思是<a></a>之间的内容显示为黑色,如果不设置的话,浏览器默认的a链接的颜色是蓝色;

a:hover属于css,它设置了当鼠标悬浮在链接内容之上时,链接内容的样式,比如,例子中a:hover{ color:#F00},它设置了当鼠标悬浮在该链接内容上时,链接内容变成红色。

扩展资料:

总结几个a的伪类:

a:link 英文link就是链接的意思,代表当一段文本为链接时的属性。

a:visited 英文visited就是访问过的意思,代表这段文本被点击之后的属性。

a:hover 英文hover就是悬停的意思,代表鼠标指针放在这个链接上时的属性。

a:active 英文active就是有效的、快速的意思,代表鼠标按下时一瞬间的属性。

一般最常用的方法是a {CSS属性} a后面什么也没有,代表一次定义这四个属性,然后根据需要再定义其中某个属性就可以了,最常用的是a:hover {CSS属性}

参考资料:百度百科-CSS

1、首先第一步就是进行按正常方法,a标签里的链接默认都是使用get方法去请求的。不能直接设置使用put方法去请求。

2、接着就是进行改a标签,添加一个id,为了附加事件。href属性改为data-href,这是为了不直接提交请求即可。

3、然后就是进行为这个a标签添加一个点击事件,如下图所示。

4、接着就是进行先获得工标签要请求的链接,使用data方法取对应的属性,代码应该为:varlink=$(this).data("href")即可。

5、然后就是进行发出一个ajax请求,请求的目标就是得到的链接。

6、然后就是进行在type属性里,这时候将其设置为要求的put方法。

7、最后就是请求后,如果需要在发送请求后把页面转向到新的页面,然后就在success回调里把页面重定向到新的页面即可。