【译】一张图搞定CSS选择器知识

【译】一张图搞定CSS选择器知识

原文:CSS selectors cheatsheet & details

作者:nana Jeon 译者:gylidian

📜 CSS selectors cheatsheet

这些天,我一直在折腾 CSS 选择器

拥有杂七杂八符号的 CSS 选择器太多了,比如 > . , * + ~ [] 等等,因此我经常被如何使用这些选择器搞得头大。

终于,我把它们在我脑海中理顺了,并按照我的理解来构建知识体系。

*事实上,为了节省纸张、保护地球,我原本是想把它们全部只放在一张 A4 大小的页面上,但因为有太多的选择器我想添加,所以我不得不做成多页。除了封面外,其余四页都是 A4 的。

把这张纸打印出来,贴在墙上,别刻意去记,只是用来没事儿偷瞄几眼而已。我希望这张 cheatsheet 能帮助你快速找到合适的 CSS 选择器并节省时间。

CSS selectors cheatsheet

Blog tasks

1 / 4 tasks

  • About 页面大修

    • Mark done
    • Edit
    • Delete
  • TOC 滚动更新位置
  • 设计 Logo SVG

    • Mark done
    • Edit
    • Delete
  • todo 小组件大小单位用 rem

    • Mark done
    • Edit
    • Delete
Your browser is out-of-date!

Update your browser to view this website correctly. Update my browser now

×