选择器：声明
p {font-size:"20px";}
标签选择器
p{
color:red;
}
类选择器
.one{
text-decoration:underline;
}
ID选择器
#two{color:green;}
群组选择器
p,.special,#two{font-family:"楷体";}
全局选择器
*{
font-size: 100px;
}
后代选择器：
选择器之间使用后代来隔开的
p a em {.....} p标签中a标签中的em
#p1 em{......} id为p1的标签中的em
p .red a em{........} clas为red的p标签中的a标签中的em
伪类选择器
伪类选择器定义特殊状态下的样式
无法用标签，id，class及其它属性实现
链接伪类4种状态 激活状态，以访问状态，未访问状态，鼠标悬停状态
链接伪类4种状态
激活状态，:active
以访问状态，:visited
未访问状态，:link
鼠标悬停状态:hover
伪类选择器实例
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>伪类选择器</title>
<style type="text/css">
a:link{color:blue;} /* 未访问状态*/
a:visited{color:gray;}/*以访问状态*/
a:hover{color:green;}/*鼠标悬浮状态*/
a:active{color:orange;}/*激活状态*/
</style>
</head>
<body>
<a href="http://www.baidu.com" target="_blank">css的伪类使用方法</a>
链接伪类4种状态
激活状态，:active
以访问状态，:visited
未访问状态，:link
鼠标悬停状态:hover
特别注意
:hover用于访问的鼠标经过某个元素的时候
:acvite 用于一个元素被激活时（即按下鼠标之后放开鼠标之前的时间）
</body>
</html>
网友评论