- 后代选择器和子类选择器:
后代选择器选择一个元素的所有后代,而子类选择器选择直接后代。
子类选择器例子:
.mainDiv > div{
background-color: green;
}
后代选择器例子:
.mainDiv div{
background-color: red;
}
如何让有 title的属性的文字更明显:
- 1.在下面加点
border-bottom:1px dotted #999
. - 2.将鼠标指针改成问号
cursor:help
- 1.在下面加点
重点:如何判断各种选择器的权重
选择器的特殊性分为四个等级:a,b,c,d而且是绝对优先级,
a: 行内样式
b: ID选择器的总数
c: 类、伪类和属性选择器的总数
d: 类选择器和伪元素选择器的数量
所以这就引申出一个方法:
有时候一个元素的样式不管用,可能是它的优先级被冲掉了,这个时候给它加上一个父元素的ID,能显著提高优先级。
- 盒模型
这不算新东西了,简单的说当两个或更多的垂直外边距相遇的时候,他们将形成一个外边距,这个外边距的高度等于两个发生叠加的外边距中高度的较大者
另外注意:当一个元素为空,他自己的上下边距碰到后,也会出现叠加的情况,
还有,只有普通文档流的垂直外边距发生叠加,行内框,浮动框(浮动不在普通的文档流里面)或者绝对定位框之间的外边距不会叠加。
对清除浮动边距防止影响之后元素的一个小技巧处理:
.clear:after{
content:".";
height:0;
visibility:hidden;
display:block;
clear:both;
}