ctrl+shift+p filters: :st2 :st3 :win :osx :linux
浏览

CSS3

ryboe ST3 热门 排行榜前100

Sublime Text中最完整的CSS支持

详情

安装量

  • 总数 500K
  • Win 363K
  • Mac 78K
  • Linux 59K
8月6日 8月5日 8月4日 8月3日 8月2日 8月1日 7月31日 7月30日 7月29日 7月28日 7月27日 7月26日 7月25日 7月24日 7月23日 7月22日 7月21日 7月20日 7月19日 7月18日 7月17日 7月16日 7月15日 7月14日 7月13日 7月12日 7月11日 7月10日 7月9日 7月8日 7月7日 7月6日 7月5日 7月4日 7月3日 7月2日 7月1日 6月30日 6月29日 6月28日 6月27日 6月26日 6月25日 6月24日 6月23日 6月22日
Windows 18 14 18 13 20 17 11 14 16 10 8 16 15 12 19 11 8 8 9 11 17 31 13 12 11 11 11 13 25 18 10 10 15 17 16 15 13 15 12 11 12 20 20 15 14 11
Mac 4 2 0 1 5 1 1 2 7 0 1 0 4 1 1 5 1 2 1 5 3 3 0 3 3 2 0 1 6 2 2 0 0 5 2 1 3 0 1 3 6 1 1 5 1 1
Linux 0 2 2 2 1 1 0 2 2 2 4 3 3 5 3 2 1 3 6 3 2 6 4 2 2 4 1 4 3 6 2 4 1 1 4 3 3 3 2 1 2 2 3 7 2 1

自述文件

源代码
raw.githubusercontent.com

CSS3

GitHub Actions Status Badge

Sublime Text中最完整的CSS和PostCSS-cssnext支持。

特性

  • 极其完整:我挖掘了整个草案规范集,支持了所有内容。一些内容在几年内可能不会在浏览器中实现。如果规范中有它,就支持它。
  • 适应未来:完全支持PostCSS-cssnext。如果你使用cssnext,可以使用未来派的CSS,比如...
    • 嵌套
    • 自定义选择器
    • 自定义属性
    • 自定义媒体查询
    • CSS模块
    • 更多内容
  • 高效:提供属性、描述符、@-rules、函数和选择器的完整补全集。补全非常具体,针对你所编写的内容。
  • 现代化:标记了糟糕的旧CSS。不必要的已添加前缀的属性不会被突出显示。捕捉大量的错误。鼓励最佳实践。
  • 忠实:非常紧密地遵循W3C规范。
  • 快速:CSS3是为Sublime的新自定义正则表达式引擎设计的,速度极其快。语法高亮通常小于100ms,即使是大型CSS文件也是如此。

前后对比

安装

  1. 安装包管理控制
  2. 安装CSS3

    平台 安装命令
    Mac cmd+shift+p   → 包管理控制:安装包 → CSS3
    Linux/Windows ctrl+shift+p → 包管理控制:安装包 → CSS3
  3. (必需) 禁用默认CSS包

    平台 禁用命令
    Mac cmd+shift+p   → 包管理控制:禁用包 → CSS
    Linux/Windows ctrl+shift+p → 包管理控制:禁用包 → CSS

    确保你没有将任何打开的文件设置为默认CSS语法(右下角),否则可能会收到错误消息。

  4. (强烈推荐) 启用补全内的补全

    默认情况下,Sublime 不会在完成项中再提供完成选项。换句话说,当你通过缩略片段进行制表符时,完成菜单会被抑制。这防止了许多CSS3完成选项的显示。将以下键添加到您的用户设置中即可修复此问题

    "auto_complete_commit_on_tab": true,
    "auto_complete_with_fields": true,
    
  5. (推荐) 从Emmet中隐藏CSS完成项

    如果您已安装Emmet,它的完成项会淹没这个包提供的经过仔细研究的基于标准的完成项。您可以通过将此行添加到您的Emmet包设置中仅隐藏CSS的Emmet完成项。“json "abbreviation_preview"":"markup"

  6. (推荐) 将CSS3设置为默认语言

    • 打开一个.css文件。
    • 视图 → 语法 → 以当前扩展名打开为... → CSS3

最佳实践

帮助我!

如果您认为缺少某些内容,请确保您不是在这张坏CSS属性列表中请求。如果它不在该列表中,请提交一个issue,我会进行调查。务必在提交PR之前查看CONTRIBUTING指导方针。这可能会为您节省大量的时间。我会监控这个W3C订阅源上的规范更新,但我仍然需要您的帮助。让我们一起将坏代码排除在Web之外!