CSS笔记（二）
1. 常用选择器
最常用的选择器类型是类型选择器和后代选择器。
类型选择器用来寻找特定类型的元素，比如段落p或标题元素h1。类型选择器有时候也称为元素选择器或简单选择器。
后代选择器可用来寻找特定元素或元素组的后代。后代选择器由其他两个选择器之间的空格表示。
2.ID选择器和类选择器
ID选择器由一个#字符表示，类选择器由一个点号表示。
许多CSS开发人员过度依赖类选择器和ID选择器，一种简单得多的方法是结合使用类型，后代，ID和类这几种选择器。
如果你发现自己的文档中添加了许多不必要的类，那么这可能是文档结构不合理的一个警告信号。不要给这些元素指定不同的类，而因将一个类或ID应用于它们的祖先，然后使用后代选择器定位它们。
3. 伪类选择器
:link和:visited称为链接伪类，只能应用于锚元素。:hover，:active和:focus称为动态伪类，理论上可以应用于任何元素。大多数浏览器都支持这些功能。但是，IE6只注意应用于锚链接的:active和:hover选择器，完全忽略:focus。在IE7任何元素上都支持:hover，但是忽略:active和:focus。
通过把伪类连接在一起，可以创建更复杂的行为。
4.通用选择器
通用选择器可能是所有选择器中最强大却最少使用的。通用选择器的作用就像是通配符，它匹配所有的可用元素。通用选择器由一个星号*表示。
通用选择器一般用来对页面上的所有元素应用样式。于其他选择器结合使用时，通用选择器可以用来对某个元素的所有后代应用样式。
5.子选择器和相邻同胞选择器
后代选择器选择一个元素的所有后代，而子选择器只选择元素的直接后代，即子元素。使用方式如：p>a
IE7和更高的版本都支持子选择器。但是在IE7中有一个bug，如果父元素和子元素之间有注释，就会出现问题。
在IE6和更低的版本中，可以使用通用选择器模拟子选择器的效果。先在所有后代上应用你希望的子元素样式，然后使用通用选择器覆盖子元素的后代上的样式。
相邻同胞选择器可用于定位同一个父元素下某一个元素之后的元素。使用方式如：h1 + p
与子选择器一样，如果在目标元素之间有注释，这在IE7中也会出现问题。
6.属性选择器
属性选择器可以根据某个属性是否存在或属性的值来寻找元素。使用方式如:a[href]或a[ref="nofollow"]等。
一些属性可以有多个值，值之间用空格分隔。
TAG:
