css元素选择器

1.类型选择器

html {color:black;}
p {color:gray;}

2.

h2, p {color:gray;}

两个都应用右边

3.通配符选择器

* {color:red;}

整体都应用

4.

#intro {font-weight:bold;}  id选择器：唯一
.important {color:red;}     类选择器（可以重名）

5.后代选择器

 1. p.important {color:red;}
 2. h1 em {color:red;}

<p class="important">
This paragraph is very important.
</p>

p标签下类名为important 的应用

6.子选择器

h1 > strong {color:red;}

只有h1后面挨着strong才会应用
这种不会应用

<h1>This is <em>really <strong>very</strong></em> important.</h1>

7.相邻兄弟选择器

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

只有h1后的p有效

8.伪类

p:first-child {font-weight: bold;}

9.伪元素

h1:after
  {
  content:url(logo.gif);
  }