css 选择器 记忆方法 |css转wxss

1. 了解选择器的分类

选择器可以分为以下几类：
- 元素选择器
- 类选择器
- ID选择器
- 属性选择器
- 伪类选择器
- 伪元素选择器

2. 设计示例

在设计学习案例时，可以尝试使用不同的选择器来控制样式，这样可以更形象地展现CSS选择器的作用。例如：
- 使用元素选择器改变标题的样式，如h1、h2、h3等。
- 使用类选择器改变导航栏样式，如.nav。
- 使用ID选择器改变页面特定区域的样式，如#content。
- 使用属性选择器改变输入框样式，如[type="text"]。
- 使用伪类选择器改变链接样式，如:hover。
- 使用伪元素选择器改变文本样式，如::before。

3. 创建记忆图谱

将选择器的种类和示例整理成图谱，以便更好地记忆和理解。例如：
![image](https://user-images.githubusercontent.com/31995901/116126661-f2c6e000-a6fa-11eb-991d-86e00d347512.png)

4. 练习记忆

练习使用CSS选择器的过程中，大家需要更多的实践来巩固记忆。可以借助在线工具，比如CodePen等，自己练习使用不同的选择器来控制样式。同时，在练习过程中，不断理解选择器的原理和作用，可以更好地记忆CSS选择器。

总之，记忆CSS选择器需要进行分类、设计示例、创建记忆图谱等多种方法，同时需要不断练习。只有掌握了选择器的基础知识，才能更好地掌握CSS布局、特效等高级技巧。