通过选择页面中所罗列的CSS 选择符，可以快速的查看该选择在浏览器中的表现效果，以及所针对的标签位置。该页面出现的主要几个元素分别是：
PS：这部分内容的外层是一个class="intro"的div标签。
在平时我们使用CSS的过程中，基本上都是使用简单的一些选择符，这类简单的选择符都是CSS2中出现的，对于浏览器的兼容性也是非常，可以说基本上不会出现不兼容的情况，除了伪类选择符、伪元素选择符之外。
CSS 选择符的强大在于可以通过各种选择符的方式来控制页面中各个元素的表现方式，其中包括属性选择符、伪类选择符、伪元素选择符、相邻选择符等，特别想要强调的是在CSS3 中出现的结构性伪类选择符。
PS：这部分内容的外层是一个class="other"的div标签。
这部分内容区域主要是展示一些比较特殊选择符效果，外层通过ul中的li标签来包含，然后包含了一些有属性值内容的文字，通过选择符的改变来查看效果。
下面的一个li标签是空的，在CSS3的结构性伪类中有一个判断空标签的选择符，如果你在旁边的选择符列表中选择了li:empty这个选择符之后，这个空的li标签将会有高度和背景色
上面的li标签是空的，一个不包含任何子元素的元素，假如是文本节点也会被看作子元素
PS：这部分内容的外层是一个class="form"的div标签。