CSS入门伪类，锚伪类，伪类子对象选择

最新推荐文章于 2024-08-13 11:47:22 发布

最爱林丽明小姐

最新推荐文章于 2024-08-13 11:47:22 发布

阅读量2.1k

点赞数

分类专栏： css

本文链接：https://blog.csdn.net/kissme_a/article/details/18850963

版权

css 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

伪类语法：冒号后面的

选择器：伪类{属性：值.....}

锚伪类：

a:link{color:#ff00ff} 表示未访问的链接

a:visited{color:#00ff00} 表示已访问的链接

a:hover{color:#ff00ff} 鼠标移动到链接上的情况

a:active{colot:#0000ff} 表示选定的链接

注意：a:hover必须放在a:link和a:visited之后，a:active必须放在a:hover之后

<html>
<head>
	<title>列表实例</title>
	<style type="text/css">
	a{text-decoration:none}
	a:link{color:#ff0000}
	a:visited{color:#00ff00}
	a:hover{color:#ff00ff}
	a:active{color:#0000ff}
	</style>
</head>
<body>
	<a href="http://www.baidu.com">百度</a>
</body>
</html>

伪类子对象的选择：（大于号）

例如：

body > p{font-size=14pt;color:red}

表示在body里面所有的p都要应用到.

<html>
<head>
	<title>列表实例</title>
	<style type="text/css">
	body > p{font-size:14pt;color:red}
	</style>
</head>
<body>
	<p>i love you</p>
	do you love me?<br>
	<p>maybe ....   yes or no</p>
</body>
</html>