Heim >Web-Frontend >CSS-Tutorial >Detaillierte Erläuterung der vier Status-CSS-Pseudoklassen von
Detaillierte Erläuterung der vier Status-CSS-Pseudoklassen von
- 高洛峰Original
- 2017-03-27 10:05:042103Durchsuche
In diesem Artikel werden hauptsächlich die vier Status-CSS-Pseudoklassen von 3499910bf9dac5ae3c52d5ede7383485 ausführlich erläutert, die einen bestimmten Referenzwert haben
<!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>Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung der vier Status-CSS-Pseudoklassen von . Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：So implementieren Sie schnell das BorderLayout-Layout mit FLEX in CSS3Nächster Artikel：So implementieren Sie schnell das BorderLayout-Layout mit FLEX in CSS3