一、CSS选择器
1.基本选择器
标签选择器可以选中所有的标签元素，比如div，ul，li，p 等等，不管标签藏的多深，都能选中，选中的是所有的，而不是某一个，所以说"共性"而不是特性
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>高级选择器</title>
<style>
h4{
background: green;
}
.active{
font-size: 22px;
}
h4.active{
color:red;
}
li.active{
background: yellow;
}
</style>
</head>
<body>
<ul>
<li >
<a href="#">1</a>
</li>
<li class="active">
<a href="#">2</a>
</li>
<li>
<a href="#">3</a>
</li>
<li>
<a href="#">4</a>
</li>
</ul>
<div>
</div>
</body>
</html>
注意：li标签是以一行为显示的
2.高级选择器
# 选中id
同一个页面中id不能重复。
任何的标签都可以设置id
id命名规范 要以字母 可以有数字 下划线 - 大小写严格区分 aa和AA是两个不一样的属性值
示例：
<div class="father">
<div class="item">
<div class="a">
<p>内容</p>
</div>
</div>
<p>内容</p>
<div class="a">
<p>另一个内容</p>
</div>
<a href="#">哈哈</a>
</div>
<p>另一个内容</p>
<h4 class="active">我是一个4级标签</h4>
