相信大家都对CSS选择符都不陌生，选择符包含：元素选择符、关系选择符、属性选择符、伪类选择符、伪对象选择符。在众多的选择符中，可以让我们根据自己的需要更加灵活性的选择合适的选择符来对样式进行编写，达到最大的质量和效率。
今天就为大家介绍下选择符中的关系选择符，“关系”这可是一等一的大事啊，我们得理清楚，这样做事情才能更加的有效率。不然在CSS中有你受的，哈哈。关系选择符有四个类别：包含选择符、子选择符、相邻选择符、兄弟选择符。接下来为大家一一介绍。在这里特别的说明一下，我们平常中最常用的的是包含选择符，为什么我们都习惯用这个呢？因为在IE6浏览器中，只支持包含选择符，其他的均不支持。在以往（现在有点改观了）IE6是浏览器市场的主角，用户覆盖率极高，所以对于那些IE6所不支持的，也必然造成我们很少用到甚至根本不用的现象。但是记得在一篇文章看到，现在HTML5/CSS3是未来的一个趋势，而HTML5/CSS3将会重视起以前那些被我们误认为没有什么用的标签的运用。也许在某一天，IE6真正的功成身退了，不再折腾考验我们了，那些我们误以为没有用的标签语法将会掀起一次CSS效率大革命。哈哈，纯属个人幻想。请勿当成珍珠一样真。
包含选择符（E F）
语法：
E F{ sRules }
说明：
选择所有被E元素包含的F元素。
示例：
输出结果图片：
输出结果说明：ul li表示在ul下面所有的li都会有作用，只要是属于ul的li都会起作用。
子选择符（E>F）
评论