css选择器ID选择器、类别选择器、标签选择器、后代选择器、伪类选择器、相邻同胞选择器、属性选择器1、ID选择器 ID 选择器允许以一种独立于文档元素的方式来指定样式。 ID选择器和类选择器的区别：在一个文档中，ID选择器的值是唯一的且区分大小写，即id="first"只能在文档中出现一次，而类选择器可以出现多次，例如：class="info"可以出现多次。
1. + 选择器 如果需要选择紧接在另一个元素后的元素，而且二者有相同的父元素，可以使用相邻兄弟选择器。 比如：<style type="text/css">h1 + p {margin-top:50px;color:red;}</style><body><p>This is paragraph.</p><h1>This is a heading.</h1>
1. + 选择器 如果需要选择紧接在另一个元素后的元素，而且二者有相同的父元素，可以使用相邻兄弟选择器。 比如：<style type="text/css">h1 + p {margin-top:50px;color:red;}</style><body><p>This is paragraph.</p><h1>This is a heading.</h1>
相邻兄弟选择器（Adjacent sibling selector）可选择紧接在另一元素后的元素，且二者有相同父元素。选择相邻兄弟如果需要选择紧接在另一个元素后的元素，而且二者有相同的父元素，可以使用相邻兄弟选择器（Adjacent sibling selector）。例如，如果要增加紧接在 h1 元素后出现的段落的上边距，可以这样写：h1 + p {margin-top:50px;}这个选择器读作：“选择紧接在 h1 元素后出现的段落，h1 和 p 元素拥有共同的父元素”。例子：This is a heading.This is paragraph. This is paragraph.ht
