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样式继承

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