您的位置： >
如何使用 CSS3 伪类
如何使用 CSS3 伪类
CSS3 是个好东西，但也很容易被她的变形（transform）和动画（其中许多特性因浏览器厂商而异）特性所迷惑，因而忘了那些已经被添加到标准规范中的最为基本的选择器。许多强大的新伪类选择器（中列出了 16 条）使得我们能够在新的标准范围内使用元素选择器。
在探讨这些新的 CSS3 伪类之前，先简要回顾追溯一下这些在 Web 应用中常常被误解的 CSS 选择器。
在 1996 年，当 CSS1 的规范完成后，一些伪类选择器已被囊括在内，其中许多你几乎每天都在使用。例如：
这些状态都可以被应用到某个元素，通常是以 &a:伪类名&的形式。令人难以置信的是，在 W3C 于 1997 年 12 月发布 之前，这些伪类已经被极为广泛地使用了。
来了。其建议规范在两年之后的 1998 年 5 月发布。随之令人兴奋的是添加了 :first-child 和 :lang() 新伪类。
有许多种表示文档语言类型的方法，如果你使用 HTML5，很可能会直接在 DOCTYPE 声明之后放置 语句（指定本地语种）。当然，你也可以使用 :lang(en) 伪类来修饰页面元素，对于语言动态变化的情况，这将非常有用。
:first-child
您可能已经在文档中使用 :first-child 属性。它通常用于添加或删除列表中第一个元素的上边框。奇怪的是，却没有 :last-child 这样的伪类与之对应。于是不得等到 CSS3 规范的对这两个兄弟伪类的支持。
为何使用伪类？
伪类如此实用的原因在于它们允许动态地设置内容样式。比如上面的 &a& 例子，我们能够描述当用户与链接进行交互时，链接该如何呈现样式。正如我们看到的，新的伪类允许我们根据元素在文档中的位置或状态，动态地设置其样式。
16 个全新伪类已经成为 W3C 的 的一部分，它们被分成四组：结构伪类、UI 元素的状态伪类、一个目标（target）伪类和一个否定伪类。
W3C 是 CSS 之家
现在我们一起探究看看如何使用这 16 个新伪类选择器。我会使用和 W3C 相同的标识符来命名 CSS 类，比如 E 代表元素（element），n 表示数字（number），s 表示选择器（selector）。
大部分新选择器都会给出参考示例，以便直观地看到代码呈现效果。这里会涉及一张适用于 iPhone 并且使用了 CSS3 伪类的表单。
请注意，这张表单中大部分样式可以使用 id 和类（class）选择器设定。即便如此，仍然可以使用新伪类针为这个表单锦上添花。
&h1&Awesome Widgets&/h1&
&h2&All the cool kids have got one&/h2&
&fieldset id=&email&&
&legend&Where do we send your receipt?&/legend&
&label for=&email&&Email Address&/label&
&input type=&email& name=&email& placeholder=&Email Address& /&
&/fieldset&
&fieldset id=&details&&
&legend&Personal Details&/legend&
&select name=&title& id=&field_title&&
&option value=&& selected=&selected&&Title&/option&
&option value=&Mr&&Mr&/option&
&option value=&Mrs&&Mrs&/option&
&option value=&Miss&&Miss&/option&
&label for=&firstname&&First Name&/label&
&input name=&firstname& placeholder=&First Name& /&
&label for=&initial&&Initial&/label&
&input name=&initial& placeholder=&Initial& size=&3& /&
&label for=&surname&&Surname&/label&
&input name=&surname& placeholder=&Surname& /&
&/fieldset&
&fieldset id=&payment&&
&legend&Payment Details&/legend&
&label for=&cardname&&Name on card&/label&
&input name=&cardname& placeholder=&Name on card& /&
&label for&cardnumber&&Card number&/label&
&input name=&cardnumber& placeholder=&Card number& /&
&select name=&cardType& id=&field_cardType&&
&option value=&& selected=&selected&&Select Card Type&/option&
&option value=&1&&Visa&/option&
&option value=&2&&American Express&/option&
&option value=&3&&MasterCard&/option&
&label for=&cardExpiryMonth&&Expiry Date&/label&
&select id=&field_cardExpiryMonth& name=&cardExpiryMonth&&
&option selected=&selected& value=&mm&&MM&/option&
&option value=&01&&01&/option&
&option value=&02&&02&/option&
&option value=&03&&03&/option&
&option value=&04&&04&/option&
&option value=&05&&05&/option&
&option value=&06&&06&/option&
&option value=&07&&07&/option&
&option value=&08&&08&/option&
&option value=&09&&09&/option&
&option value=&10&&10&/option&
&option value=&11&&11&/option&
&option value=&12&&12&/option&
&select id=&field_cardExpiryYear& name=&cardExpiryYear&&
&option value=&yyyy&&YYYY&/option&
&option value=&2011&&11&/option&
&option value=&2012&&12&/option&
&option value=&2013&&13&/option&
&option value=&2014&&14&/option&
&option value=&2015&&15&/option&
&option value=&2016&&16&/option&
&option value=&2017&&17&/option&
&option value=&2018&&18&/option&
&option value=&2019&&19&/option&
&label for&securitycode&&Security code&/label&
&input name=&securitycode& type=&number& placeholder=&Security code& size=&3& /&
&p&Would you like Insurance?&/p&
&input type=&radio& name=&Insurance& id=&insuranceYes& /&
&label for=&insuranceYes&&Yes Please!&/label&
&input type=&radio& name=&Insurance& id=&insuranceNo& /&
&label for=&insuranceNo&&No thanks&/label&
&/fieldset&
&fieldset id=&submit&&
&button type=&submit& name=&Submit& disabled&Here I come!&/button&
&/fieldset&
上一篇： 下一篇：您现在的位置：
> 新闻详情
&企业新闻&
&企业新闻&
&企业新闻&
&企业新闻&
&企业新闻&
&企业新闻&
&企业新闻&
&企业新闻&
&企业新闻&
&企业新闻&
半满还是半空？ HTML5的混合前景
HTML5的前途未卜，根据一项新的IDC报告，并有可能不会取代原生移动应用开发很快
这是最好的时代也是最坏的时代对HTML5。标记语言是一个显著成就，但还没有达到人们的期望，根据新发布的IDC报告。
HTML5，定位为实现现代的，基于标准的Web应用程序，享有如苹果和微软等公司近年来的后盾。它也减少了需要专有插件技术，如Adobe的Flash。但IDC认为鱼龙混杂如何HTML5已经表现。
&可以说，HTML5是一组技术，还没有达到其预期的发展目标和部署平台的移动应用程序是公平的，&IDC公司称，它的技术评估报告，题为&HTML5的进化状态。&该报告的作者是分析师Al Hilwa说。 &同样重要的是要认识到，HTML5已经是看到显著采用在若干领域一个显著的技术和政治上的成就。
&这是最好的时代，因为该技术正在以前所未有的速度，它已经吸引了全世界的关注，&报告说。 HTML5特性被添加或改进的浏览器，并且公司正在疯狂地演变HTML5。 &这也是一个最坏的时代对HTML5，因为一些高知名度的努力，发展在HTML5中重要的移动应用，有力地失败了（比如，Facebook和LinkedIn），并从今天开始，在压力下一些初创公司的成功会实施风险在HTML5中其重要的移动应用。&
IDC认为没有技术能满足放在HTML5在快速增殖设备的当前时代的统一预期。事实上，IDC认为HTML5和本地移动范式分享聚光灯下，但给人的边缘本土技术。 &HTML5和本地移动将共存，既不取代另一个。本机应用程序平台将仍然是主要方式的移动应用将交付和运行，&至少到2017年，IDC表示。一种混合HTML5的本地方法将是在移动通信系统中使用的最大的HTML5，IDC表示。 （在另一个最近的一份报告，工具供应商Appcelerator的和IDC发现移动开发者失去了在HTML5的兴趣。）
HTML5也面临着挑战，从政治，其中供应商都有自己的平台发展，围绕复杂性，技能，设备速度快，设备碎片和安全问题。 &即使HTML5的成熟，它继续从模具和先进的开发技术，以支持完整的应用程序开发过程短缺的贫困之苦。IDC预计不会有足够的开发技能进化，直到2016年的时间表。&
HTML5是可能使在特定的应用程序的类别，如内部员工应用程序访问企业资源的影响最大。它被大量使用在台式机和移动HTML5的是越来越多的休闲游戏一个存在。 IDC预计，HTML5改善的WebGL和网络视频在2014年时间框架的区域。 IDC的HTML5定义为是指多种技术，包括标记语言本身，层叠样式表（CSS3），文档对象模型（DOM）和能力通过JavaScript API的浮出水面，如WebSocket的，SVG和Canvas。咏翠吟红,古堤春意,巍峨庙宇庄严。夫差主位。刘濞侧骈阗。布满楹联佳作,铜炉冒、袅袅青烟。农初五、喧天鼓乐,涌动是人寰。
仰视双神像,微飘袍带,古貌安然。因"恩被干吴",威武非凡。信众虔心叩首,频祈祷,祝语喃喃。诚求祥,国兴家旺,和顺享安康。
期货法已列入十二届全国人大常委会立法规划和全国人大常委会2014年立法工作计划。2013年12月,全国人大财经委员会牵头,会同有关部门成立了期货法起草组,积极开展起草工作,在认真研究代表议案、深入调研、广泛征求意见的基础上已形成期货法草案稿。
兵团新闻网阿拉尔2月10日电(李江帆 刘栋)2月10日,一师阿拉尔市党委常委、纪委书记罗成远,一是阿拉尔市工会主席陈美娜一行来到十四团,看望慰问该团兵团、师市劳模以及困难党员,为他们送上节日慰问金,并向他们了解基层团场的建设变化情况,鼓励他们在兵师团党委的领导下,继续...