:last-child要求元素既是最后一个子元素又符合选择器，而:last-of-type只关注同类型元素中的最后一个；前者更严格，后者按类型匹配更灵活。

使用:hover伪类配合transition实现图片悬停变亮、放大和加阴影效果，通过filter、transform和box-shadow属性提升交互视觉层次。

:lang()伪类可根据HTML的lang属性为不同语言应用特定样式。例如：1.设置不同字体，如英文用Arial，中文用微软雅黑；2.调整排版细节，如英文启用连字符，中文禁用；3.控制引号样式，如英文用直引...

通过CSS的:focus伪类可以实现HTML表单输入框获得焦点时的样式改变，提升用户体验。1.使用:focus伪类改变输入框样式，如边框颜色和阴影。2.注意兼容性，可能需要JavaScript支持旧版浏览器。3.确...

:last-child选择父元素中最后一个且符合指定类型的子元素，而:last-of-type选择父元素中该类型最后一个元素；例如在包含p、p、span的div中，p:last-child不匹配（最后是span），但p:last-of-typ...

:nth-child(n)按所有子元素排序，要求第n个位置的元素是目标标签；:nth-of-type(n)按同类型元素排序，选择该类型中第n个。例如在span、p、span、p结构中，p:nth-child(2)选第一个p（整体第2个）...