Pare o Chrome DevTools de envolver o último elemento CSS - css, google-chrome, google-chrome-devtools, elemento, wrap

Quando clico em uma definição de CSS no Google Chrome DevTools, o Chrome sempre envolve o último elemento em uma nova linha. Por exemplo:

div a.blogLink h2

Se eu clicar nessa linha na janela de definição de estilo do Chrome DevTools, o Chrome selecionará a linha inteira e incluirá h2 em uma nova linha como esta:

div a.blogLink

h2

Existe alguma maneira de evitar que o Chrome faça isso?

Respostas:

Simplesmente torne esse painel mais amplo se você não quiser fazer isso.

Por exemplo, aqui no Stack Overflow há um elemento sob .topbar com uma classe de .topbar-wrapper, com um pequeno painel, isso envolve uma nova linha:

Podemos ampliar o painel clicando na borda esquerda (visível na imagem acima) e arrastando: