选择器类型：
1.基础选择器
2.组合选择器
3.属性选择器
4.伪类选择器
5.伪元素选择器
基础选择器:
- <选择器> / 含义
- < */ > ： 通用元素选择器，匹配页面任何元素（这也就决定了我们很少使用）
- <#id> ： id选择器，匹配特定id的元素
- <.class> : 类选择器，匹配class包含(不是等于)特定类的元素
- <element> :标签选择器
html:
、、、
<!DOCTYPE html>
<html >
<head>
<meta charset="UTF-8">
<title>jsbin</title>
<head>
<body>
<h1>标题</h1
<p>段落</p>
<div id="ct">
<p class="p1">ct-p1</p>
<p class="p2">ct-p2</p>
</div>
<h2 class="p2">p2</p>
</body>
</html>
、、、
css:
、、、
*{
border:1px solid red;
}
#ct {
font-size:30px;
}
.p2{
color:bule;
}
p{
font-size: 12px;
}
