CSS选择器总结

1、元素选择器：

html {color:black;}h1 {color:blue;}h2 {color:silver;}

2、选择器分组：

h1, h2, h3, h4, h5, h6 {color:blue;}

h1, h2, h3, h4, h5, h6 {  color:gray;  background: white;  padding: 10px;  border: 1px solid black;  font-family: Verdana;  }

注：对于标题、段落诸如此类的文字，背景是background，颜色是color，这点需和背景色backgroud-color区分开来

3、类选择器：

.important {color:red;}

4、ID选择器：

#intro {font-weight:bold;}

5、属性选择器：

p[class="important warning"] {color: red;}

类型描述[abc^="def"]选择 abc 属性值以 "def" 开头的所有元素[abc$="def"]选择 abc 属性值以 "def" 结尾的所有元素[abc*="def"]选择 abc 属性值中包含子串 "def" 的所有元素

6、后代选择器：

h1 em {color:red;}

7、子元素选择器：

h1 > strong {color:red;}

8、相邻兄弟选择器：

h1 + p {margin-top:50px;}

9、伪类选择器：

de  >a:linkde> {color: #FF0000}/* 未访问的链接 */de  >a:visitedde> {color: #00FF00}/* 已访问的链接 */de  >a:hoverde> {color: #FF00FF}/* 鼠标移动到链接上 */de  >a:activede> {color: #0000FF}/* 选定的链接 */

10、伪元素：

11、通配符选择器：

* {color:red;}