浏览器兼容、CSS3 选择器

浏览器兼容

(1)方法一 条件注释法

IE大小写无关系

1.只在IE中生效

<!--[if IE]>
    这段文字只在IE浏览器显示.
<![endif]-->

2.只在IE6中生效

<!--[if IE 6(6/7/8)]>
    这段文字只在IE6(或7或8...)浏览器显示.
<![endif]-->

3.只在IE6以上版本生效

<!--[if gte IE 6]>
    这段文字只在IE6版本以上浏览器中显示.
<![endif]-->

4.只在IE8中不生效

<!--[if ! IE 8]>
    这段文字在非IE8版本浏览器中显示.
<![endif]-->

5.非IE浏览器中生效

<!--[if ! IE]>
    这段文字只在非IE浏览器中显示.
<![endif]-->

去掉图片间的间距:
font-size:0px;
word-spacing: 0px;/-数值px;
float

透明:
opacity: 数值(0-1)_被设置的元素整体透明度

CSS3 选择器

element>element

如:div>p  只选择div里边的第一代p元素.

element+element

如:li+li 选择li下边的li(此处选中第一个li后面的所有li)

:first-of-type

选择P元素在父元素里面所有p元素中第一个出现的p元素.

:last-of-type

选择p元素在父元素里面所有p元素中最后一个出现的p元素.

:only-of-type

选择p元素在父元素所有子元素中只出现一次的p元素.

:only-child

选择p元素在父元素中是唯一子元素的p元素.

:nth-child(n)

选择p元素在父元素所有子元素中排列第n位的p元素.