1 标签选择器 直接写span{} div{}等
2 id选择器 style里的唯一符号为 # ，格式#id值
3 class选择器 可以重复，符号为 . ，格式.class值
4 符合选择器：
并列: 可以连用 .class1,.class2,#id1,#id2{}
.class值1,class值2 {样式}
#id值1，id值2{}
后代: 写法:id选择器或者.选择器 标签名
筛选: class选择器
属性: 语法：标签名[属性="属性值"]{样式}
input[nmae="name1"]{10px;}
--------------------
#demo10{
/* 100px;
height:100px;*/
border: 1px solid red;
}
/*后代用法,只对demo10 后代生效*/
#demo10 span{
border: 1px solid red;
}
/*只对demo10下的span有效，对demo10无效*/
input[name="nam"]{
500px;
}
<input type="text" name="nam">
<input type="text" name="name2">
<input type="text" name="name3">
<input type="text" name="name4">
<input type="text" name="nam">
-----
<div id="demo10">
<span style="100px;height:100px;">后代的用法</span><br>
<span>span标签根据内容定高宽</span>
</div>