Home >Web Front-end >CSS Tutorial >Detailed explanation of the four status css pseudo-classes of
Detailed explanation of the four status css pseudo-classes of
- 高洛峰Original
- 2017-03-27 10:05:042103browse
This article mainly explains in detail the four status css pseudo-classes of 3499910bf9dac5ae3c52d5ede7383485, which has certain reference value. Interested friends can refer to it
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN">
<head>
<title>colajia</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content="" />
<style>
a:link{
/*初始的颜色*/
color: red;
}
a:visited{
/*f访问后的颜色*/
color:gray;
}
a:hover{
/*鼠标放上去的颜色*/
color: yellow;
}
a:active{
/*鼠标点中的颜色*/
color:green;
}
</style>
</head>
<body>
<a href="#">kkkkkkk</a>
<!-- 注意事项
1.css允许针对a标签的4种状态设置各自的特性，叫做css伪类
2.active一般不用
3.顺序严格遵守：LVHA
4.a:link 可简写 a
-->
</body>
</html>The above is the detailed content of Detailed explanation of the four status css pseudo-classes of . For more information, please follow other related articles on the PHP Chinese website!
Statement：
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn