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

Goto-CSS-Declaration

Razumenko Maksim 所有

在打开的*.css文件中导航到CSS声明

详细信息

  • 2016.02.08.10.03.21
  • github.com
  • github.com
  • 9年前
  • 14分钟前
  • 13年前

安装次数

  • 总计 176K
  • Win 139K
  • Mac 27K
  • Linux 10K
Aug 7 Aug 6 Aug 5 Aug 4 Aug 3 Aug 2 Aug 1 Jul 31 Jul 30 Jul 29 Jul 28 Jul 27 Jul 26 Jul 25 Jul 24 Jul 23 Jul 22 Jul 21 Jul 20 Jul 19 Jul 18 Jul 17 Jul 16 Jul 15 Jul 14 Jul 13 Jul 12 Jul 11 Jul 10 Jul 9 Jul 8 Jul 7 Jul 6 Jul 5 Jul 4 Jul 3 Jul 2 Jul 1 Jun 30 Jun 29 Jun 28 Jun 27 Jun 26 Jun 25 Jun 24 Jun 23
Windows 0 5 6 7 3 5 3 6 8 6 7 10 7 2 7 4 4 3 5 5 5 10 8 2 3 2 5 7 1 6 6 6 2 6 5 9 5 4 3 5 4 2 5 4 7 7
Mac 0 1 2 0 0 0 0 0 1 2 0 0 0 1 0 0 0 2 0 0 0 3 0 0 0 1 0 2 0 1 1 0 0 1 2 2 1 0 0 1 0 2 1 1 0 0
Linux 0 0 0 1 0 0 0 0 0 0 1 1 0 0 3 0 1 0 0 0 1 0 0 0 0 0 0 0 1 0 0 0 0 0 0 0 1 1 0 0 1 0 0 0 0 0

读我

源代码
raw.​githubusercontent.​com

Goto-CSS-Declaration

v0.3 - 99%重构

v0.2.1 - 修复空的view.file_name


从其他文件( *.html, *.js, *.other_extension)导航到打开的 *.css (.less, .sass, .other) 文件中的CSS声明

论坛线程 https://text.sublime.net.cn/forum/viewtopic.php?f=5&t=4397

示例

html

<div id="box" class="box"></div>
                      ^
                      |-cursor

js

$(".box").click(...);
     ^
     |-cursor

super+rightsuper+left,跳转到box(.class或#id => .box或#box)的第一个CSS声明,在这个例子中是 id #box

#box .box-shadow {
    background: url(../img/box.jpg);
    }
#box-shadow .box-shadow-1 {
    box-shadow: 0 0 5px #ff0;
    }
    .box__inner {
        box-shadow: 0 0 5px #f00;
        }

然后在CSS文件中按( super+right)会跳转到box的下一个CSS声明,在这个例子中是类 .box-shadow,下一个是 #box-shadow,再下一个是 .box-shadow-1,依此类推

你也可以按(在CSS文件中) super+left,跳转到box的前一个CSS声明。

goto_css_declaration.sublime-settings

{
    "css_files": [".css", ".sass", ".less"]
}

默认(Linux).sublime-keymap

super + right
super + left

默认(Windows).sublime-keymap

super + .
super + ,

版权

版权所有 © 2011 Razumenko Maksim [email protected]

MIT授权,见 http://opensource.org/licenses/MIT