伪类选择器

最新推荐文章于 2024-09-10 18:52:07 发布

再胖还是个小瘦子

最新推荐文章于 2024-09-10 18:52:07 发布

阅读量271

点赞数 1

文章标签： css html

本文链接：https://blog.csdn.net/FantfH/article/details/107188804

版权

伪类选择器

<!-- 
1.什么是伪类选择器
 伪类选择器选中的是标签的状态，可以让同一个标签在不同的状态下有不同的样式
 
 普通选择器：伪类选择器
 
 
 2.常见的伪类选择器
 link - 链接没有成功访问过对应的状态；（只针对超链接有效）
 visited - 链接已经访问过的对应的状态；（只针对超链接有效）
 hover - 鼠标悬停在标签上对应的状态；（针对所有可见标签有效）
 active - 鼠标按下还没放开的时候的状态；（针对所有课间标签有效）
 focus - 成为焦点对应的状态（正在操作一个标签对应的状态，一般用于input标签）
 -->



<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		
		<style type="text/css">
			
			
			a:link{
				color: orangered;
			}
			
			
			a:visited{
				color: #FFE4C4;
				text-decoration: none;
			}
			
			
			a:hover{
				color: tan;
			}
			
			
			a:active{
				color: olivedrab;
				border: mediumslateblue;
			}
			
			
			input:focus{
				border: none;
				border-bottom: solid gray 0.0625rem;
			}
			
			
			
			input:focus{
				outline: none;
				border-bottom: solid cornflowerblue 0.625rem;
			}
			
		</style>
		
	</head>
	<body>
		
		<a href="https://www.baidu.com">我是百度链接</a>
		
		
		<input type="password">
	
	
	
	</body>
</html>