您的位置：首页 > Web前端 > CSS

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

2014-01-28 23:57 253 查看

伪类语法：冒号后面的

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

锚伪类：

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>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航