CSS选择器及CSS继承性

一、选择器（4+3+3+*）

1、基本选择器
1）通用选择器
用的最多的是在写css文件的最上面写下面代码：（作用：去掉所有的默认样式）

*{
margin: 0;
padding: 0;
}


2）id选择器

- 重要标志：“#”
 - 通过id获取某个元素：document.getElementById("#id名")；
 - 常用场景：在js中获取某一个元素

3）类选择器

- 重要标志：“.”
 - 通过class名来获取一个元素集合：document.getElementByClassName(".类名")
 - 常用场景：css中设置样式

4）标签选择器

标签名{
.......
}

权值大小：Id>class>TagName>通用选择器
2. 复杂选择器

 1)后代选择器
        ①标志：“ ”空格
        ②选择的是所有的后代
 2)交集选择器
         ①标志：“”无任何字符隔开
         ②选择出的各个部分的交集
 3)并集选择器
         ①标志：“，”
         ②各部分的并集

3. 非常用选择器

 1)子元素选择器（E、F为上面四个选择器的其中一种）
         ①标志：“>”右尖括号
         ②如：E>F{property:value}  所有符合F选择器的所有E的子元素
 2)直接相邻选择器（只选一个元素）
         ①标志：“+”
         ②紧跟选中元素后续的一个元素
 3)普通相邻选择器（选一个元素集合）
         ①标志：“~”
         ②选中紧跟选中元素的所有元素

4. 伪类选择器

1）伪类选择器
用的比较多的是在a标签设置样式的时候用，如：（当鼠标悬浮改变字体的颜色）“love hate”----link、visited、hover、active

.head_search .center .hotwords ul li a:hover{
    color:#c81623;
}

2）伪对象选择器

文字选择：E::first-letter、E::first-line

二、CSS样式继承

一般和文本相关的样式都能继承，与盒子模型相关的都不能继承。