Инструмент для просмотра CSS-специфики

Кто-нибудь знает, есть ли какой-нибудь инструмент, чтобы увидеть/выбрать лучший селектор CSS, основанный на специфике CSS, для таргетинга определенного div?

Я знаю, что имеет более высокую специфичность, но иногда при работе над проектами других людей, где у них есть глубоко вложенные селектора в CSS, трудно найти способ переопределить их.

Я знаю, что в Google chromes dev tool/firebug он показывает много информации внизу при просмотре источника страницы, это то, что нужно использовать для этого или есть другие методы?

Ответы

Ответ 2

Поскольку он очень широко используется, никто не предложил его, и fabianhjr предложил мне это сделать, я порекомендую Firebug для Fire Fox. Он похож на инспектора Chrome и позволяет вам видеть CSS, данный элементу, а также любые переопределенные свойства:

enter image description here