HTML5与CSS3详解：选择器与新特性解析

"这篇资源详细介绍了CSS选择器在HTML5和CSS3中的应用，包括属性选择器、兄弟选择器和伪类选择器等，并提到了HTML5的发展历程和相关技术特性。作者鲁超伍（Adam）是一位有多年前端开发经验的专业人士，他在文章中分享了他对前端开发的理解和实践经验。" 在CSS3中，选择器的扩展大大增强了样式表的灵活性和精准性。属性选择器允许我们基于元素的特定属性来选择元素。例如，`a[href$='.pdf']`会选择所有链接（`<a>`标签）的URL以'.pdf'结尾的元素；`a[href^='mailto']`则会选取URL以'mailto:'开头的链接，通常用于邮件链接；而`a[class*=‘item’]`会匹配任何包含字符串'item'的类名的链接。 兄弟选择器如`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)`则分别选取奇数位置和偶数位置的元素，基于它们在同类型元素中的位置。 HTML5作为网站标准的最新版本，自2007年以来逐渐得到广泛应用。它的出现是为了更好地定义网页内容结构，同时引入了新的标签，如`<header>`、`<footer>`、`<section>`和`<article>`等，以增强语义化。HTML5还支持离线存储API、地理定位、Web Workers以及Canvas和Video等多媒体元素，极大地丰富了网页内容的呈现方式。 浏览器对HTML5的支持也逐渐增强，例如Opera 9.5+、Safari 3.1+、Firefox 3.1+和Internet Explorer 8.0+等都开始支持HTML5的多项特性，包括跨文档消息传递、服务器发送事件、离线存储、Canvas和Video标签等，这使得开发者能够创建更富交互性和功能强大的Web应用程序。 总结来说，这篇资源深入探讨了CSS3选择器的用法和HTML5的核心特性，对于前端开发者来说是一份宝贵的参考资料。通过学习这些知识，开发者能够更好地利用CSS3来控制页面样式，同时利用HTML5的新特性构建现代、功能丰富的网页。