CSS选择器

1、统配选择器

* {color:red;} //选择所有元素

2、元素选择器

p {color:gray;} //选择所有P元素

3、类选择器

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

.important {color:red;} //选择所有类名包含important的元素
p.important {color:red;}  //选择所有类名包含important的P元素

元素和选择器都可以包含多个类

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

.important {color:red;} //选择所有类名包含important的元素
.important .warning {color:red;} //选择所有类名同时包含important和warning的元素(类名的顺序不限)

4、ID选择器

<p id="intro" >
This is a paragraph of introduction.
</p>

#intro {font-weight:bold;} //选择ID为intro的元素

一个HTML文档中ID只出现一次，类可以出现多次。

x、选择器分组