jQuery Mobile 开发必备：CSS选择器与HTML5资源整理

"该资源是一份关于CSS选择器和jQuery Mobile开发的学习资料整理，包含了属性选择器、兄弟选择器、伪类选择器等CSS3核心概念的介绍，并提及了HTML5学习的重要性。此外，还提供了作者鲁超伍(Adam)的相关资源链接，包括他的网站、案例地址以及关于前端开发的经验分享。资料中提到了HTML5和CSS3的发展历程，以及不同浏览器对HTML5的支持情况。" 在深入理解CSS选择器这部分，我们首先接触到的是属性选择器，例如`a[href$='.pdf']`用来选取href属性以'.pdf'结尾的`<a>`元素，`a[href^='mailto']`则选取href属性以'mailto'开头的`<a>`元素，而`a[class*=‘item’]`则是选取class属性包含'item'字符串的`<a>`元素。这些选择器极大地增强了CSS的定位能力。 接着是兄弟选择器`Div~img`，它用于选择紧跟在`Div`元素后的所有`img`元素，但不一定是直接相邻的。这在布局和样式控制中非常实用。 伪类选择器是CSS3中的另一大亮点，如`:nth-child(n)`选取父元素的第n个子元素，`:nth-last-child(n)`则是选取倒数第n个子元素，`:last-child`选择最后一个子元素，`:checked`用于选取被选中的表单元素（如复选框或单选按钮），`:empty`选取没有子元素（包括文本节点）的元素，`:only-child`选取其父元素中唯一的子元素，`:nth-of-type(odd)`和`:nth-of-type(even)`则分别选取奇数位置和偶数位置的元素。 此外，资料中强调了学习jQuery Mobile前需要掌握HTML5的基础，因为jQuery Mobile是基于HTML5构建的移动应用框架。HTML5引入了许多新特性，如离线存储、画布元素（canvas）和视频元素（video），并且不同浏览器对HTML5的支持程度也有所差异。例如，Opera 9.5以上版本支持跨文档消息传递、服务器发送事件等特性，Safari 3.1+支持`<video>`和`<audio>`标签，Firefox 3.1+支持离线数据存储API等。 这份资料不仅覆盖了CSS选择器的深入讲解，还涵盖了前端开发的重要历史背景和HTML5的相关知识，对于想要学习jQuery Mobile和HTML5的开发者来说，是一份非常宝贵的资源。