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)鼠标停留时，样式效果呈现。
网友评论