🎨 在前端开发的世界里，CSS3 是不可或缺的一部分。掌握 CSS3 选择器能让你的设计更加灵活多变。今天，让我们一起回顾一些常用的 CSS3 选择器吧！🔍

🔥 首先，我们来看看基本的选择器：

- `id` 用于通过 ID 选择元素 🆔

- `.class` 通过类名来选中元素 🏷️

- `element` 直接通过标签名来选中元素 🏷️

🌟 接下来是组合选择器：

- `element, element` 逗号分隔，可以同时选中多个元素 🔄

- `element element` 空格分隔，表示后代选择器 🔄

- `element>element` 大于号分隔，表示子选择器 ➕

🌈 还有伪类和伪元素：

- `:hover` 当鼠标悬停时应用样式 🐭

- `::before` 和 `::after` 在元素内容前后插入内容 🌈

- `:first-child` 和 `:last-child` 选择特定位置的子元素 🎲

🚀 最后，别忘了属性选择器：

- `[attribute]` 选中具有指定属性的元素 📝

- `[attribute=value]` 选中属性值完全匹配的元素 🔍

- `[attribute~=value]` 选中属性值包含指定词的元素 📚

🎉 以上就是 CSS3 常用选择器的总结。掌握这些选择器，将让你的 CSS 编写更加得心应手！希望这篇手册对你有所帮助！📚

💡 如果你还想了解更多关于 CSS3 的知识，欢迎继续关注我的个人空间，这里会持续更新更多前端开发相关的技巧和经验分享。👋