Chrome dev tools: выберите элемент для его проверки -> Невозможно выбрать элемент, у которого нет пробелов между собой и дочерним элементом - PullRequest
Новая
       5

Chrome dev tools: выберите элемент для его проверки -> Невозможно выбрать элемент, у которого нет пробелов между собой и дочерним элементом

1 голос
/ 06 марта 2020

Учтите это: 

<div class="parent">
  <div class="child">
    Some content
  </div>
</div>

и это css: 

.parent {
  height: 100px;
  margin-bottom: 40px;
}

.child {
  height: 100%;

}

body, html {
  height: 100%;
}

Когда я использую функциональность «Выберите элемент, нажав на него» в Chrome Dev Tools, кажется, у меня нет возможности выбрать родительский элемент (возможно, потому что между ним и дочерним div нет пробела / содержимого). Это затрудняет просмотр проблем с макетом, вызванных полем нижнего края родительского элемента.

Кроме того, я могу go просмотреть элемент на панели «Элементы» и найти родительский элемент, а затем могу см. поле нижнего предка родителя.

Есть ли способ проверить родительский элемент, выделив его с помощью мыши (может быть комбинацией клавиш, которая позволяет выбрать родителя текущего выделения с помощью мыши вместо необходимо go перейти на вкладку Элементы, посмотреть на структуру, пройтись по некоторым возможным элементам и затем выяснить, что есть нижнее поле)

...