html a标签为什么点击不了

html-css08

html a标签为什么点击不了,第1张

1、没有href属性和点击事件

2、a标检默认事件被event.preventDefault()阻止了

3、a标签或它的父元素上有pointer-events: none的css样式

三种情况都有可能

设置超链接点击过后的样式可以使用css中的visited进行设置，基本的使用方法如下：

:visited 选择器用于选取已被访问的链接，使用 :link 选择器对指向未被访问页面的链接设置样式, :hover 选择器用于设置鼠标指针浮动到链接上时的样式，:active 选择器用于设置点击链接时的样式。

工具原料：浏览器、编辑器

1、设置一个a标签的点击后的样式，点击后给标签添加黄色的背景，代码如下：

<!DOCTYPE html>

<html>

<head>

<style>

a:visited

{

background-color:yellow

}

</style>

</head>

<body>

<a href="#">test</a>

<a href="#">test2</a>

<p><b>注释：</b>:visited 选择器为已被访问的链接设置样式。</p>

</body>

</html>

2、运行代码，点击过后的超链接将会改变成css设置的样式。

html里面的a标签是一个超链接功能的标签。超链接的具体功能是点击一个文本、图片会产生一个跳转效果，跳转目标可控，可以是一个新的页面，也可以是当前原本页面，也可以跳到一些媒体文件：比如图片等。a标签是网页设计很重要的一个标签，无论内链还是外链，都依赖a标签来实现。