仓酷云
标题:
CSS教程之CSS网页制造教程:扫瞄器与CSS挑选器对应表
[打印本页]
作者:
飘灵儿
时间:
2015-1-15 22:53
标题:
CSS教程之CSS网页制造教程:扫瞄器与CSS挑选器对应表
一般来说还需要用PhotoShop或FireWorks(以下简称PS或FW)等图片处理软件将需要制作的界面布局简单的构画出来。
破洛洛文章简介：网页教授教养网这张表只是作为网页制造进修条记，便利本人健忘的时分查找。
网页教授教养网这张表只是作为网页制造进修条记，便利本人健忘的时分查找。
1)关于子选择器(>)在ie7+尺度形式，chrome，ff下入手下手撑持了。有人说在ie7下，假如父元素与子元素之间有正文的话就会生效，可是我没有发明。
2)邻近兄弟选择器（+）
在ie7+尺度形式。chrome，ff下入手下手撑持了。可是，假如父元素与子元素之间有正文的话就会生效。ie8没有。
3）一般兄弟选择器（~）
选择该元素前面的一切兄弟节点，在ie7+尺度形式，chrome，ff下撑持。它和邻近兄弟节点选择器的区分就是，前者就选择前面一切的，不请求相邻，可是前面必需是相邻，且选择一个。
CSS2.1
↓Selector/Browser→
IE6
IE7
IE8
IE9preview
FF3
FF3.5
FF3.6
Safari3
Safari4
Chrome5beta
Opera
Opera10.5beta
↑Selector/Browser→
IE6
IE7
IE8
IE9preview
FF3
FF3.5
FF3.6
Safari3
Safari4
Chrome5beta
Opera
Opera10.5beta
*YesYesYesYesYesYesYesYesYesYesYesYesE>FNoYesYesYesYesYesYesYesYesYesYesYesE:first-childNoYesYesYesYesYesYesYesYesYesYesYesE:hoverPartial(1)YesYesYesYesYesYesYesYesYesYesYesE:focusNoNoYesYesYesYesYesYesYesYesYesYesE+FNoYesYesYesYesYesYesYesYesYesYesYesE[attr]NoYesYesYesYesYesYesYesYesYesYesYesE[attr="name"]NoYesYesYesYesYesYesYesYesYesYesYesE[attr~="name"]NoYesYesYesYesYesYesYesYesYesYesYesE:beforeNoNoYesYesBuggy(4)YesYesYesYesYesYesYesE:afterNoNoYesYesBuggy(4)YesYesYesYesYesYesYes
CSS3↓Selector/Browser→
IE6
IE7
IE8
IE9preview
FF3
FF3.5
FF3.6
Safari3
Safari4
Chrome5beta
Opera
Opera10.5beta
↑Selector/Browser→
IE6
IE7
IE8
IE9preview
FF3
FF3.5
FF3.6
Safari3
Safari4
Chrome5beta
Opera
Opera10.5beta
E~FNoYesYesYesYesYesYesYesYesYesYesYesE[attr^="name"]NoYesYesYesYesYesYesYesYesYesYesYesE[attr$="name"]NoYesYesYesYesYesYesYesYesYesYesYesE[attr*="name"]NoYesYesYesYesYesYesYesYesYesYesYesE[attr|="name"]NoYesYesYesYesYesYesYesYesYesYesYesE:rootNoNoNoYesYesYesYesYesYesYesYesYesE:nth-of-typeNoNoNoYesNoYesYesYesYesYesYesYesE:nth-last-of-typeNoNoNoYesNoYesYesYesYesYesYesYesE:first-of-typeNoNoNoYesNoYesYesYesYesYesYesYesE:last-of-typeNoNoNoYesNoYesYesYesYesYesYesYesE:only-of-typeNoNoNoYesNoYesYesYesYesYesYesYesE:only-childNoNoNoYesYesYesYesYesYesYesYesYesE:last-childNoNoNoYesYesYesYesYesYesYesYesYesE:nth-childNoNoNoYesNoYesYesYesYesYesYesYesE:nth-last-childNoNoNoYesNoYesYesYesYesYesYesYesE:emptyNoNoNoYesYesYesYesBuggy(2)Yes(3)YesYesYesE:targetNoNoNoYesYesYesYesYesYesYesYesYesE:checkedNoNoNoYesYesYesYesYesYesYesYesYesE::selectionNoNoNoYesNoNoNoYesYesYesYesYesE:enabledNoNoNoYesYesYesYesYesYesYesYesYesE:disabledNoNoNoYesYesYesYesYesYesYesYesYesE:not(s)NoNoNoYesYesYesYesYesYesYesYesYes
:hover在IE6中只要a元素可用。
E:empty貌似在webkit中心扫瞄器中有些小bug。
假如这个bug仍然存在，不太断定怎样测试。
IE6不撑持.class1.class2双类选择器。
IE8注重事项：
E[attr]选择器在值为空的时分大概写错的时分，将不会失效；
IE8撑持CSS2.1的一切属性，撑持伪类，可是不撑持伪元素。
IE8中的IE7兼容形式
E[attr]和IE8一样，值为空或写错的时分，有效；
E[attr~=val]这里独一必要注重的是，属性的值，辨别巨细写；
E[attr|=val]IE7有一些巨细写敏感的成绩，可是一般能够一般利用；
:first-childIE7会将一个正文大概笔墨节点当做first-child，而不是只要元素才是“子”元素。以是，假如在第一个子元素前有正文或笔墨，IE7会婚配之而不是往婚配第一个子元素。
Safari/Chrome
Safari3.2(现实上能够追溯到3.1)以上的版本已完整的撑持一切CSS选择器了。
Safari3.0基础上对CSS2的选择器撑持很好，但不撑持CSS3年夜部分新增的选择器，并且对属性选择器的撑持
不是很完全
。
iPhone中的Safari有3.0和3.2两个版本，对CSS的撑持情形与PC/Mac版的撑持情形分歧。
Android体系自带的扫瞄器基础上也是基于webkit中心的，其关于CSS选择器的撑持情形待测。
</p>
属性值就追加上去，重复的属性值就以最后一个为准。这里要注意的是，样式的先后不是根据页面上应用的名字顺序，而是样式表里的样式顺序。
作者:
柔情似水
时间:
2015-1-17 19:30
技术的学习如同长跑。只要越过极限，就会越跑越轻松。技术的学习其实并不像想象中那么可怕，任何技术都并不高深莫测。
作者:
愤怒的大鸟
时间:
2015-1-17 19:30
所见则所得网页编辑器的优点就是直观性，使用方便，容易上手.
作者:
海妖
时间:
2015-1-25 21:59
在刚开始接触网页的第一堂课上，听说网页制作会是一门很无聊并且很难听懂的过程，而事实却印证了这样一个事实。
作者:
莫相离
时间:
2015-2-4 11:02
每天上网看着那样多的网页，于是我才下定决心选择了网页制作这一门课程，目的就是希望以后能够做出一个完美的网页来。
作者:
谁可相欹
时间:
2015-2-9 22:19
不管老师做怎样的解释，而我却对它感到很是吃力，诸如里面有许多不知道的功能。
作者:
再见西城
时间:
2015-2-28 01:17
经过两天的学习，总算对Dreamweaver有进一步的了解了，心中不免有些激动。今天和其他几位老师交流了一下，感觉受益匪浅.
作者:
不帅
时间:
2015-3-9 19:54
俗话说：兴趣是最好的老师。做每一件事都离不开兴趣的驱动。兴趣是自学技术需要迈出的第一步。在学习的过程中，我们难免会遇到各种各样的问题。
作者:
金色的骷髅
时间:
2015-3-17 02:33
所见则所得网页编辑器的优点就是直观性，使用方便，容易上手.
作者:
若天明
时间:
2015-3-23 17:56
每天上网看着那样多的网页，于是我才下定决心选择了网页制作这一门课程，目的就是希望以后能够做出一个完美的网页来。
欢迎光临 仓酷云 (http://www.ckuyun.com/)
Powered by Discuz! X3.2