How to know how many times and where any CSS selector is being used in whole site?

Question

for example:

I want to know if i change anything in this selector then how many places it will effect? How many page are using this selector and which places?

#annualReportInvestorContainer p a {.........}

Answer 1

I always use grep.

Answer 2

I think Firebug and DustMeSelectors can help you there. See their docs for more info.

Answer 3

Easy with jQuery:

$(document).ready(function() {
 var selector = '#annualReportInvestorContainer p a';
 alert('The selector "' + selector + '" reference to '+ ($(selector).size()) +' element(s)! :O');
});