选择器...陆续写入

1.（.class）eg:

<div class="div1">

<div class="block a1">hh</div>

<span class="block a2">hhhh</span>

</div>

在这里.block是使用可以都有效果而.a1和.a2使他们各自有效果，也就是说：空格隔开的空格后面的覆盖空格前面的。

（.class element)  eg:

<from class="search a1">

<input ..........>

</from>

在这里如果只用.search的话就只是给from用，但是.search input{}就是用给input。

2.（#id）

3.（element）

4.（element1，element2）：选择元素1和元素2。eg：p，div｛｝

5.（element1 element2）：选择元素1内部所有的元素2。eg：div p｛｝

6.（element1>element 2)：选择父元素1内所有子元素2。

7.（：before）/（：after）：在元素的内容之前/后添加内容。eg：p：before

8.（：focus）：鼠标点击时，样式效果呈现。

9.（：hover)鼠标停留时，样式效果呈现。