css選擇符大雜燴
类型选择符:单指元素的名字,而没有大于号和小于号
类选择符:选择所有赋有相同类的元素 一个点号后面跟类名,类选择符要跟着类名的后面。 可以把加在通配符*的后面来选择文档中所有赋予该类的元素,
Id 选择符
群组选择符:多个选择符用逗号连起来
后代选择符:多个选择符用空白连起来
子选择符:多个选择符用大于号连起来
首子选择符: 把:first-child加在任何选择符后。
兄弟选择符:多个选择符用加号连接起来
属性存在选择符:帮你选择含有某个属性的元素,用中括号包围的属性的名字。SELECTOR[title]
属性词汇选择符:帮你选择属性中包含了某个具体词汇的元素 SELECTOR[title = “WORD”]
属性值选择符: 帮你选择属性值中包含了某个具体值的元素 SELECTOR[ title =”EXACT_MATCH_OF_ENTIRE_VALUE”]
Ie6不支持,ie7支持较好
僞类元素选择符:
ELEMENT:first-letter {STYLES}
*.CLASS:first-letter {STYLES}
#ID:first-letter {STYLES}
ELEMENT:first-line {STYLES}
*.CLASS:first- line {STYLES}
#ID:first- line {STYLES}
注意:first-element, first-line只对终端块状元素相搭配,对内联元素或结构化块状元素不起作用。
局限:Ie6不支持,除非是选择符链中的最后一个选择符。Ie7中修正了。
First-letter 与font,text属性搭配很好。浏览器不能定位僞类元素,对他们的排列也存为问题,也就是说:postion,left,right,top,bottom僞类元素不起作用。同样vertical-align对僞类的处理也不一致。
浏览器也会有一些例外的情况,如他们不能选择第一个字母或者选择不止第一个字母,例如当图片或对象放在第一个字母前,所有主流浏览器都不能选择第一个字母,比如opera 9 不会选择单元格的第一个字母,ie6则把列表选项中的第一个字母和列表标识都一起选择。最后,僞类元素还会触发浏览器报错,所有一定要在所有主流浏览器中仔细检查你所使用的僞类元素
当僞类选择符位于群组选择符中,ie6将不能识别他们。必须声明 DOCTYPE,这样 :first-child 才能在 IE 中生效。<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
僞類選ਓ
相关文档:
body{
background-image:url(about:blank);
background-attachment:fixed;
}
.myDiv{
position:fixed !important;
position:absolute;
top:expression(eval(document.documentElement.scrollTop));
}
body元素中background-image:url(about:blank);background-attachment:fixed;可防止ie6中出现闪 ......
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>FLYSO Blog-- JS代码实现的自动分页效果~!</TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT=""& ......
#weblmenu
{
height:22px;
width:700px;
float:left;
display:inline;
text-align:left;
}
#weblmenu ul
{
height:22px;
width:700px;
text-align:left;
float:left;
}
#weblmenu ul li
{
height:22px;
width:110px;
float:left;
list-style-type:none;
text-align:center;
word-break:break-all;
} ......
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
<mx:Style>
ScrollBar
{
/*划动块图片皮肤*/
thumbDownSkin: Embed(source="scrollBar/thumb. ......