css选择器世界电子书下载

标签选择器
类选择器
ID选择器
全局选择器
组合选择器
继承选择器
伪类选择器

CSS选择器如下：
1. 标签名选择器 div { color：Red;} /即页面中的各个标签名的css样式
2.类选择器 .divClass {color:Red;} /即定义的每个标签的class 中的css样式
3.ID选择器 #myDiv {color:Red;} /即页面中的标签的id
4.后代选择器（类选择器的后代选择器） .divClass span { color:Red;} /即多个选择器以逗号的格式分隔 命名找到准确的标签
5.群组选择器 div,span,img {color:Red} /即具有相同样式的标签分组显示
选择器的优先级
1.最高优先级是 (直接在标签中的设置样式，假设级别为1000)想详细的话可以参考W3C文档。

实现css对html页面一对一或者一对多的控制。
id选择器，类选择器，元素选择器，伪类选择器，属性选择器，不全的请包涵

1.元素选择器：作用：通过元素选择器可以选择页面中的所有指定元素语法: 标签名{}

2.id选择器：-通过元素的id属性值选择唯一元素-语法：#id属性值{}

3. 类选择器：- class属性和id属性类似，只不过class属性可以重复-拥有相同class属性值的元素，我们说他们是一组元素-一个元素可以有多个class属性值，多个值之间用空格隔开。 ！-通过元素的class属性值选中一组元素-语法：.class属性值{}

4.选择器分组： -通过选择器分组可以同时选中多个选择器对应的元素。 -语法：选择器1，选择器2，选择器N{} -效果：同时选中了选择器1，2，N他们所指向的元素，实现了代码的复用。

5.通配选择器：-他可以用来选中页面中的所有元素。(模糊选择)-语法： *{}

6.精准(复合)(交集)选择器： ！！-作用：- 可以选中同时满足多个选择器的元素 (精准选择)-语法：选择器1选择器2选择器N{} 指定同时选择器1，2，N的元素
7.后代选择器：-作用：-可以选择某一元素的所有子孙元素。-语法：祖先元素 后代元素{} 注：祖先元素与后代元素之间有一个空格。
8.子元素选择器：-作用：-选中指定父元素的指定子元素。 注：明确子元素与子孙元素的区别-语法：父元素 > 子元素 注：可在一个表达式中连续使用多个 > 明确查找关系
9.属性选择器：- 作用：可以根据元素中的属性或属性值来选取指定元素- 语法：[属性名] 选取含有指定属性的元素

10.兄弟选择器：-选中某一个标签后的紧邻着的兄弟节点，若不紧邻则没用，选择不中。 -标签1 + 标签2{}-选中某一个标签的后面的所有兄弟节点-语法：前一个标签 ~ 后面的所有标签
11.否定伪类：-作用：可以从已经选中的元素中剔除某些元素-语法：:not(选择器)-例如：p:not(.hello) 选中class属性不为hello的p标签

css标准不能选择父级
请用其灶卖它方法
比如js
function(){document.getelementbyid("parent").style.background="#666"};

CSS选择器如下：
1. 标签名选择器 div { color：Red;} /即页面中的各个标签名的css样式
2.类选择器 .divClass {color:Red;} /即定义的每个标签的class 中的css样式
3.ID选择器 #myDiv {color:Red;} /即页面中的标签的id
4.后代选择器（类选择器的后代选择器） .divClass span { color:Red;} /即多个选择器以逗号的格式分隔 命名找到准确的标签
5.群组选择器 div,span,img {color:Red} /即具有相同样式的标签分组显示
选择器的优先级
1.最高优先级是 (直接在标签中的设置样式，假设级别为1000)

2.次优先级是（ID选择器 ,假设级别为100） #myDiv{color:Red;}
3.其次优先级是（类选择器，假设级别为10） .divClass{color:Red;}
4.最后优先级是 （标签选择器，假设级别是 1） div{color:Red;}
5.那么后代选择器的优先级就可以计算了啊
比如 .divClass span { color:Red;} 优先级别就是：10+1=11

CSS选择器、优先级与匹配原理
1.id 选择器（#myid）2.类选择器（.myclassname）3.标签选择器（div,h1,p）4.相邻选择器（h1+p）5.子选择器（ul < li）6.后代选择器（li a）7.通配符选择器（*）8.属性选择器（a[rel="external"]）9.伪类选择器（a:hover,li:nth-child）
其中ID选择器的效率是最高，而伪类选择器的效率则是最低

CSS的权重

1. 通配选择符的权值 0,0,0,0
2. 标签的权值为 0,0,0,1
3. 类的权值为 0,0,1,0
4. 属性选择的权值为 0,0,1,0
5. 伪类选择的权值为 0,0,1,0
6. 伪对象选择的权值为 0,0,0,1
7. ID的权值为 0,1,0,0
8. important的权值为最高 1,0,0,0
使用规则： 选择器的权值加到一起，大的优先；如果权值相同，后定义的优先 。
从上面我们可以得出两个关键的因素：
1. 权值的大小跟选择器的类型和数量有关
2. 样式的优先级跟样式的定义顺序有关

相同的ID只能定一个，你这是不规范的，至于想用CSS来控制，你可以用js来控制样式，或是用鼠标移动事件，你去参考吧，说到这

为什么要这样，难道不能直接用斜体的标签？
因为使用斜体标签 有1W个需要加的 你就要加1W次。。。
用样式表就可以解决这些问题。在以前的表格时代基本样式都是由标签控制的。
举个例子。假设你所有文字段落的所有链接都要变成红色。文字里面有5000个链接。你应该怎么解决。。用标签你要加5000次。。用CSS你只要设置
p a{
color:red;
}
就可以了。。就是在

里面的所有都是红色了

text-align:就是文本对齐方式 left就是文字靠着父元素的左边对齐。center就是中间 right就是右边
TEXT-VALIGN这个不兼容浏览器。不适用。一般垂直剧中对齐都用line-height来解决

如果你想学习CSS就多安装几个浏览器。自己测试代码。。。看书都是理论。。。动手很快就会学会。祝你成功