HTML选择器记忆加强法

你的想法非常好!用记忆法(联想、谐音、故事、口诀等)可以大大增强对知识点的记忆。下面以 CSS 选择器为例,给你一些实用的记忆法建议:


1. id选择器(#)

  • 口诀/联想
    “#”像一口“井”,id 唯一,就像井号唯一。
    记忆句:“爱迪生在井边”(“id”=“爱迪”,#像井)
    id选择器用#,就像爱迪生在井边

2. class选择器(.)

  • 口诀/联想
    “.”像班级点名的点,class就是班级。
    记忆句:“班级点名用小点”(class选择器用.)

3. 后代选择器(空格)

  • 口诀/联想
    “父子之间有空格,后代选择器用空格”
    记忆句:“空格隔几代,都是后代”

4. 子选择器(>)

  • 口诀/联想
    “>像父子关系的箭头,指向直接的孩子”
    记忆句:“大于号指亲儿子”

5. 相邻兄弟选择器(+)

  • 口诀/联想
    “+像两兄弟肩并肩,相邻兄弟用+”
    记忆句:“加号连兄弟”

6. 通用兄弟选择器(~)

  • 口诀/联想
    “~像一条波浪线,连着所有兄弟”
    记忆句:“波浪线连所有兄弟”

7. 属性选择器([ ])

  • 口诀/联想
    “方括号像筛子,筛属性”
    记忆句:“方括号筛属性”

8. 伪类选择器(:)

  • 口诀/联想
    “冒号像表情,伪装的类”
    记忆句:“冒号变伪类”

9. 伪元素选择器(::)

  • 口诀/联想
    “两个冒号,伪元素更深入”
    记忆句:“双冒号搞元素”

10. 记忆法建议

  • 口诀法:编顺口溜、口诀(如上所示)
  • 形象联想法:把符号和生活中熟悉的事物关联
  • 故事法:编小故事,比如“爱迪生(id)在井边(#)发明电灯”
  • 对比法:把易混淆的选择器并列记忆
  • 口诀卡片:写在便签、卡片、Anki等工具中反复记忆

11. 练习建议

  • 自己动手为每个知识点编一个专属记忆句/口诀
  • 多做题、多写代码,联想口诀加深印象
  • 每天复习、默写一遍

示例总结

  • id选择器:# —— “爱迪生在井边”
  • class选择器:. —— “班级点名用小点”
  • 后代选择器:空格 —— “空格隔几代,都是后代”
  • 子选择器:> —— “大于号指亲儿子”
  • 相邻兄弟:+ —— “加号连兄弟”
  • 通用兄弟:~ —— “波浪线连所有兄弟”

如需针对其他技术知识点定制记忆法,欢迎随时提问!

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容