CSS中常用的选择器及三大特性

一、标签选择器

标签名{
属性名：属性值
}
例如：
div{
widh:100px
}

二、通用选择器

*{
属性名：属性值
}
例如：
*{
width：100px
}
性能极低，常用于清楚默认样式，测试使用

三、类选择器

给标签命名为class=“nav”
.nav{
属性名：属性值
}

四、id选择器

给标签用id命名
例如：给标签命名为id=“nav”
#nav{
属性名：属性值
}
注意：一个ID只能给一个标签
一个标签只有一个ID名

五、后代选择器

选择某一个元素的后代元素
例如：
<div class="father">
<div class="son"></div>
</div>
.father .son{
属性名：属性值
}
由内向外查找，先找到祖先，在标记后代

六、子选择器

选择元素的直接后代
父级选择器 > 子选择器{
属性名：属性值
}

七、相邻兄弟选择器

选择紧挨元素的后一个元素
元素名+兄弟名{
属性名：属性值
}

八、通用兄弟选择器

选择该元素后面的某一个兄弟
元素名~兄弟名{
属性名：属性值
}

九、并集选择器

将两个不相干的元素同事添加相同的属性
元素1，元素2{
属性名：属性值
}

十、交集选择器

元素名.类名(#id名 ){
属性名：属性值
}

CSS三大特性：
1、继承：父级文本样式被子级继承
2、层叠：当样式发生冲突时，权重低的样式会被覆盖
3、优先级：
！important > 行内样式 > id > 类 > 标签 > * > 继承
遵循就近原则