DevTools: [SSP] make rule link to point to the style open bracket

third_party/WebKit/LayoutTests/inspector/elements/elements-panel-styles-expected.txt

 Tests that elements panel shows proper styles in the sidebar panel.
 
 Foo
 border-bottom-left-radius: 5px;
-    5px - .foo elements-panel-styles.css:21 -> elements-panel-styles.css:21:1
+    5px - .foo elements-panel-styles.css:21 -> elements-panel-styles.css:21:7
 border-bottom-right-radius: 5px;
-    5px - .foo elements-panel-styles.css:21 -> elements-panel-styles.css:21:1
+    5px - .foo elements-panel-styles.css:21 -> elements-panel-styles.css:21:7
 border-top-left-radius: 5px;
-    5px - .foo elements-panel-styles.css:21 -> elements-panel-styles.css:21:1
+    5px - .foo elements-panel-styles.css:21 -> elements-panel-styles.css:21:7
 border-top-right-radius: 5px;
-    5px - .foo elements-panel-styles.css:21 -> elements-panel-styles.css:21:1
+    5px - .foo elements-panel-styles.css:21 -> elements-panel-styles.css:21:7
 color: rgb(0, 0, 255);
-    blue - .foo, .foo::before elements-panel-styles.css:34 -> elements-panel-styles.css:34:1
-    OVERLOADED black - .foo elements-panel-styles.css:21 -> elements-panel-styles.css:21:1
-    OVERLOADED red - #container elements-panel-styles.css:10 -> elements-panel-styles.css:10:1
-    OVERLOADED magenta !important - html elements-panel-styles.css:61 -> elements-panel-styles.css:61:1
+    blue - .foo, .foo::before elements-panel-styles.css:34 -> elements-panel-styles.css:34:21
+    OVERLOADED black - .foo elements-panel-styles.css:21 -> elements-panel-styles.css:21:7
+    OVERLOADED red - #container elements-panel-styles.css:10 -> elements-panel-styles.css:10:13
+    OVERLOADED magenta !important - html elements-panel-styles.css:61 -> elements-panel-styles.css:61:7
 content: "[before Foo]";
-    "[before Foo]" - .foo, .foo::before elements-panel-styles.css:34 -> elements-panel-styles.css:34:1
+    "[before Foo]" - .foo, .foo::before elements-panel-styles.css:34 -> elements-panel-styles.css:34:21
 display: block;
     OVERLOADED none - element.style
-    block !important - .foo, .foo::before elements-panel-styles.css:34 -> elements-panel-styles.css:34:1
+    block !important - .foo, .foo::before elements-panel-styles.css:34 -> elements-panel-styles.css:34:21
     OVERLOADED block - div user agent stylesheet
 font-family: serif;
-    serif - #container elements-panel-styles.css:10 -> elements-panel-styles.css:10:1
+    serif - #container elements-panel-styles.css:10 -> elements-panel-styles.css:10:13
 font-size: 14px;
-    14px - #container elements-panel-styles.css:10 -> elements-panel-styles.css:10:1
-    OVERLOADED 12px - body elements-panel-styles.css:1 -> elements-panel-styles.css:1:1
+    14px - #container elements-panel-styles.css:10 -> elements-panel-styles.css:10:13
+    OVERLOADED 12px - body elements-panel-styles.css:1 -> elements-panel-styles.css:1:7
 font-style: italic;
-    italic !important - #container .foo elements-panel-styles.css:17 -> elements-panel-styles.css:17:1
-    OVERLOADED normal !important - .foo elements-panel-styles.css:21 -> elements-panel-styles.css:21:1
+    italic !important - #container .foo elements-panel-styles.css:17 -> elements-panel-styles.css:17:18
+    OVERLOADED normal !important - .foo elements-panel-styles.css:21 -> elements-panel-styles.css:21:7
 font-weight: normal;
-    normal !important - .foo elements-panel-styles.css:21 -> elements-panel-styles.css:21:1
+    normal !important - .foo elements-panel-styles.css:21 -> elements-panel-styles.css:21:7
 margin-bottom: 2px;
-    2px - .foo elements-panel-styles.css:21 -> elements-panel-styles.css:21:1
+    2px - .foo elements-panel-styles.css:21 -> elements-panel-styles.css:21:7
 margin-left: 0px;
-    1px - .foo elements-panel-styles.css:21 -> elements-panel-styles.css:21:1
+    1px - .foo elements-panel-styles.css:21 -> elements-panel-styles.css:21:7
 margin-right: 0px;
-    0px - .foo elements-panel-styles.css:21 -> elements-panel-styles.css:21:1
+    0px - .foo elements-panel-styles.css:21 -> elements-panel-styles.css:21:7
 margin-top: 10px;
-    10px - .foo elements-panel-styles.css:21 -> elements-panel-styles.css:21:1
+    10px - .foo elements-panel-styles.css:21 -> elements-panel-styles.css:21:7
 padding-bottom: 4px;
-    4px - .foo elements-panel-styles.css:21 -> elements-panel-styles.css:21:1
+    4px - .foo elements-panel-styles.css:21 -> elements-panel-styles.css:21:7
 padding-left: 4px;
-    4px - .foo elements-panel-styles.css:21 -> elements-panel-styles.css:21:1
+    4px - .foo elements-panel-styles.css:21 -> elements-panel-styles.css:21:7
 padding-right: 1px;
-    1px - .foo elements-panel-styles.css:21 -> elements-panel-styles.css:21:1
+    1px - .foo elements-panel-styles.css:21 -> elements-panel-styles.css:21:7
 padding-top: 4px;
-    4px - .foo elements-panel-styles.css:21 -> elements-panel-styles.css:21:1
+    4px - .foo elements-panel-styles.css:21 -> elements-panel-styles.css:21:7
 text-align: -webkit-left;
     -webkit-left - element.style
 text-indent: 0px;
-    OVERLOADED 10px - body .foo elements-panel-styles.css:6 -> elements-panel-styles.css:6:1
-    0 !important - .foo elements-panel-styles.css:21 -> elements-panel-styles.css:21:1
-    OVERLOADED 20px !important - body elements-panel-styles.css:1 -> elements-panel-styles.css:1:1
+    OVERLOADED 10px - body .foo elements-panel-styles.css:6 -> elements-panel-styles.css:6:12
+    0 !important - .foo elements-panel-styles.css:21 -> elements-panel-styles.css:21:7
+    OVERLOADED 20px !important - body elements-panel-styles.css:1 -> elements-panel-styles.css:1:7
 -webkit-font-smoothing: subpixel-antialiased;
     subpixel-antialiased - element.style
 [expanded] 
 element.style { ()
 /-- overloaded --/     display: none;
     -webkit-font-smoothing: subpixel-antialiased;
 
 [expanded] 
-#container .foo { (elements-panel-styles.css:17 -> elements-panel-styles.css:17:1)
+#container .foo { (elements-panel-styles.css:17 -> elements-panel-styles.css:17:18)
     font-style: italic !important;
 
 [expanded] 
-body .foo { (elements-panel-styles.css:6 -> elements-panel-styles.css:6:1)
+body .foo { (elements-panel-styles.css:6 -> elements-panel-styles.css:6:12)
 /-- overloaded --/     text-indent: 10px;
 
 [expanded] 
-.foo { (elements-panel-styles.css:53 -> elements-panel-styles.css:53:1)
+.foo { (elements-panel-styles.css:53 -> elements-panel-styles.css:53:7)
 
 [expanded] 
-.foo, .foo::before { (elements-panel-styles.css:34 -> elements-panel-styles.css:34:1)
+.foo, .foo::before { (elements-panel-styles.css:34 -> elements-panel-styles.css:34:21)
     content: "[before Foo]";
     color: blue;
     display: block !important;
 
 [expanded] 
-.foo { (elements-panel-styles.css:21 -> elements-panel-styles.css:21:1)
+.foo { (elements-panel-styles.css:21 -> elements-panel-styles.css:21:7)
 /-- overloaded --/     color: black;
     margin-left: 1px;
     margin: 10px 0 2px;
         margin-top: 10px;
         margin-right: 0px;
         margin-bottom: 2px;
         margin-left: 1px;
     border-radius: 5px;
         border-top-left-radius: 5px;
         border-top-right-radius: 5px;
@@ skipping 13 matching lines @@
 [expanded] 
 div[Attributes Style] { ()
     text-align: -webkit-left;
 
 [expanded] 
 div { (user agent stylesheet)
 /-- overloaded --/     display: block;
 
 ======== Inherited from div#container ========
 [expanded] 
-#container { (elements-panel-styles.css:10 -> elements-panel-styles.css:10:1)
+#container { (elements-panel-styles.css:10 -> elements-panel-styles.css:10:13)
     font-family: serif;
     font-size: 14px;
 /-- overloaded --/     color: red;
 
 ======== Inherited from body ========
 [expanded] 
-body { (elements-panel-styles.css:1 -> elements-panel-styles.css:1:1)
+body { (elements-panel-styles.css:1 -> elements-panel-styles.css:1:7)
 /-- overloaded --/     font-size: 12px;
 /-- overloaded --/     text-indent: 20px !important;
 
 ======== Inherited from html ========
 [expanded] 
-html { (elements-panel-styles.css:61 -> elements-panel-styles.css:61:1)
+html { (elements-panel-styles.css:61 -> elements-panel-styles.css:61:7)
 /-- overloaded --/     color: magenta !important;
 
 ======== Pseudo ::before element ========
 [expanded] 
-.foo::before { (elements-panel-styles.css:57 -> elements-panel-styles.css:57:1)
+.foo::before { (elements-panel-styles.css:57 -> elements-panel-styles.css:57:15)
 
 [expanded] 
-.foo::before { (elements-panel-styles.css:40 -> elements-panel-styles.css:40:1)
+.foo::before { (elements-panel-styles.css:40 -> elements-panel-styles.css:40:15)
     color: red;
 
 [expanded] 
-.foo, .foo::before { (elements-panel-styles.css:34 -> elements-panel-styles.css:34:7)
+.foo, .foo::before { (elements-panel-styles.css:34 -> elements-panel-styles.css:34:21)
     content: "[before Foo]";
 /-- overloaded --/     color: blue;
     display: block !important;
 
 ======== Pseudo ::after element ========
 [expanded] 
-.foo::after { (elements-panel-styles.css:48 -> elements-panel-styles.css:48:1)
+.foo::after { (elements-panel-styles.css:48 -> elements-panel-styles.css:48:14)
     font-family: courier;
     content: "[after Foo 2]";
 
 [expanded] 
-.foo::after { (elements-panel-styles.css:44 -> elements-panel-styles.css:44:1)
+.foo::after { (elements-panel-styles.css:44 -> elements-panel-styles.css:44:14)
 /-- overloaded --/     content: "[after Foo]";
     color: green;