Revert of DevTools: [SSP] adding new property should be more predictable

third_party/WebKit/Source/devtools/front_end/elements/elementsPanel.css

 /*
  * Copyright (C) 2006, 2007, 2008 Apple Inc.  All rights reserved.
  * Copyright (C) 2009 Anthony Ricaud <rik@webkit.org>
  *
  * Redistribution and use in source and binary forms, with or without
  * modification, are permitted provided that the following conditions
  * are met:
  *
  * 1.  Redistributions of source code must retain the above copyright
  *     notice, this list of conditions and the following disclaimer.
@@ skipping 138 matching lines @@
 }
 
 .metrics .bottom {
     display: inline-block;
 }
 
 .styles-section {
     padding: 2px 2px 4px 4px;
     min-height: 18px;
     white-space: nowrap;
-    -webkit-user-select: none;
+    background-origin: padding;
+    background-clip: padding;
+    -webkit-user-select: text;
     border-bottom: 1px solid #eee;
     position: relative;
     overflow: hidden;
 }
 
 .styles-section:last-child {
     border-bottom: none;
 }
 
 .styles-pane .sidebar-separator {
@@ skipping 25 matching lines @@
     margin: 0 7px 0 0;
     top: 1px;
     left: -36px; /* outdent to compensate for the top-level property indent */
     -webkit-user-select: none;
     cursor: default;
     z-index: 1;
 }
 
 .styles-section .sidebar-pane-closing-brace {
     clear: both;
-    -webkit-user-select: text;
 }
 
 .styles-section-title {
+    background-origin: padding;
+    background-clip: padding;
     word-wrap: break-word;
     white-space: normal;
-    -webkit-user-select: text;
 }
 
 .styles-section-title .media-list {
     color: #888;
 }
 
 .styles-section-title .media-list.media-matches .media.editable-media {
     color: #222;
 }
 
@@ skipping 84 matching lines @@
 }
 
 .styles-section .style-properties > li.child-editing .webkit-css-property {
     margin-left: 0;
 }
 
 .styles-section.matched-styles .style-properties li {
     margin-left: 0 !important;
 }
 
-.styles-section.matched-styles .style-properties li * {
-    -webkit-user-select: text;
-}
-
 .styles-section .style-properties li.child-editing {
     word-wrap: break-word !important;
     white-space: normal !important;
     padding-left: 0;
 }
 
 .styles-section .style-properties ol {
     display: none;
     margin: 0;
     -webkit-padding-start: 12px;
@@ skipping 439 matching lines @@
     position: absolute;
     right: 0;
     bottom: 0;
     visibility: hidden;
     background-color: rgba(255, 255, 255, 0.9);
 }
 
 .styles-pane:not(.is-editing-style) .styles-section.matched-styles:not(.read-only):hover .sidebar-pane-section-toolbar {
     visibility: visible;
 }