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、选择器分组