一、CSS选择器
1、CSS选择器种类
（1）基础选择器
- 标签选择器
<head>
<!--color代表字体颜色-->
p {
color:red;
}
<body>:
<p>我是小博</p>
- 类选择器/class选择器
<head>:
.b {
background-color:yellow;
}
<body>:
<p class="b">我是小博</p>
- ID选择器(ID是网页唯一的标识）
<head>:
#b{
backgroundcolor:yellow;
}
<body>:
<p id="b">我是小博</p>
- 通配符选择器（是全部选中的意思）
<head>:
* {
color:red;
}
(2)组合选择器（把基础选择器进行组合）
- 后代选择器（这是嵌套层，从父元素一层层选到子元素）
<head>:
.one #two p{
color:red;
}
<body>:
<div class="one">
<div id="two">
<p>我是小博<p>
</div>
</div>
由此可见<p>中的文字变成了红色，由父元素依次选择到子元素
2、CSS的两个性质
（1）层叠性
- a.!important,加在样式属性值后，权重值为10000
- b.内联样式，如：“style=",权重值为1000
- c.ID选择器：如：#content,权重值为100
- d.类选择器，权重为10
