css排雷第二部分：高级web标准解决方案

• 后代选择器和子类选择器：
  后代选择器选择一个元素的所有后代，而子类选择器选择直接后代。

子类选择器例子：

 .mainDiv > div{
            background-color: green;
        }

后代选择器例子：

.mainDiv div{
            background-color: red;
        }

• 如何让有 title的属性的文字更明显：

  • 1.在下面加点border-bottom:1px dotted #999.
  • 2.将鼠标指针改成问号cursor:help

  
  

• 重点：如何判断各种选择器的权重
  选择器的特殊性分为四个等级：a,b,c,d而且是绝对优先级，
  a: 行内样式
  b: ID选择器的总数
  c: 类、伪类和属性选择器的总数
  d: 类选择器和伪元素选择器的数量

所以这就引申出一个方法：
有时候一个元素的样式不管用，可能是它的优先级被冲掉了，这个时候给它加上一个父元素的ID，能显著提高优先级。

• 盒模型
  这不算新东西了，简单的说当两个或更多的垂直外边距相遇的时候，他们将形成一个外边距，这个外边距的高度等于两个发生叠加的外边距中高度的较大者
  另外注意：当一个元素为空，他自己的上下边距碰到后，也会出现叠加的情况，
  还有，只有普通文档流的垂直外边距发生叠加，行内框，浮动框(浮动不在普通的文档流里面)或者绝对定位框之间的外边距不会叠加。

对清除浮动边距防止影响之后元素的一个小技巧处理：

.clear:after{
content:".";
height:0;
visibility:hidden;
display:block;
clear:both;
}