2 CSS

<!DOCTYPE html>
<html>
<head>
	<title>高级选择器</title>
	<link rel="stylesheet" type="text/css" 
	href="css/index.css">

</head>
<body>
	<h3>我是朱靖，我在这里吃炸鸡</h3>
	<div class='wrap'>
		<p>
			<a href="#">朱靖</a>
		</p>
		<a href="http://www.baidu.com">赵晓迪</a>
	</div>

	<div class="li">
		<a href="#">李凤英</a>
	</div>
	<span>在干嘛呢？</span>
	<span>hello 朱靖</span>

		


</body>
</html>

选择符{
	样式；

}

dive{
	color: red;
	font-size:30px;
}
*/

/*
css选择器：
    一.基础选择器
        -标签（元素）选择器
        -类（class）选择器
        -id(身份证号)选择器
    二.高级选择器
        -后代选择器
        -子代选择器
        -组合选择器
        -交集选择器
        -伪类选择器

*/
p{
    color: orange;
    font-size: 14px;
    font-weight: bold;
}

#张磊{
    color: blue;

}
#高领{
    color: green;
}

.active{
    color: black;

}
.title{
    font-size: 30px
}
.lv{
    color: green;
}
.big{
    font-size: 20px;
}
.bold{
    font-weight: bold;
}
/*后代选择器
    .wrap>a{
        color:purple;
    }

    .li a{
        color: red;
    }

    p,h3,span{
        color:gray;
        font-size: 30px
    }*/
    /*访问过后的a的状态*/
a:visited{
    color: green;
}

/*访问时的a的状态*/
a:hover{
    color: orange;
}
a:acitve{
    color: grey;
}
span{
    color: gray;
}
span:hover{
    color: yellow;
}
div:hover{
    background-color:yellow;
}

猜你喜欢