найти все элементы, которые использовали конкретный селектор css

Question

Попытка выполнить какую-либо работу по дизайну интерфейса, и мне нужно было выполнить некоторую отладку/тестирование моего css.

Я знаю, что большинство инструментов браузера Dev, я могу щелкнуть по элементам и получить полную трассировку стиля.

Но я хочу сделать обратное.

Я знаю, что селектор, и я хочу, чтобы найти все элементы, связанные с ним (просто Ctrl + F не получается)

Как бы я идти об этом?

Answer 1

Вы можете сделать это в обычной консоли Javascript с помощью document.querySelectorAll.

Так что, если вы хотите, чтобы найти все элементы, которые соответствуют body div.heading h1, сделать

document.querySelectorAll('body div.heading h1'); 

Консоль браузера будет показывать элементы он нашел. Большинство также выделяют их на странице, когда вы наводите указатель на список в консоли.