DevTools: highlight attributes on selected DOM node

Source/devtools/front_end/elements/elementsTreeOutline.css

Index: Source/devtools/front_end/elements/elementsTreeOutline.css
diff --git a/Source/devtools/front_end/elements/elementsTreeOutline.css b/Source/devtools/front_end/elements/elementsTreeOutline.css
index c0ef71fc87a658ae142c1856b4c318743925179c..1def50e1beae4420829c331d937844654dd65a75 100644
--- a/Source/devtools/front_end/elements/elementsTreeOutline.css
+++ b/Source/devtools/front_end/elements/elementsTreeOutline.css
@@ -304,3 +304,19 @@ ol:hover > li > .elements-tree-shortcut-link {
     color: rgb(87, 87, 87);
     display: none;
 }
+
+ol:focus li.selected .webkit-html-tag {
+    color: #a5a5a5;
+}
+
+ol:focus li.selected .webkit-html-tag-name,
+ol:focus li.selected .webkit-html-close-tag-name,
+ol:focus li.selected .webkit-html-attribute-value,
+ol:focus li.selected .webkit-html-external-link,
+ol:focus li.selected .webkit-html-resource-link {
+    color: white;
+}
+
+ol:focus li.selected .webkit-html-attribute-name {
+    color: #ccc;
+}