Waasify allows you to locate the elements id and classes directly from  the front-end of the page with just moving the mouse over the item. 

1. Go to WordPress Dashboard
2. Click on Waasify > Waasify Options
3. Click on Tools
4. Activate CSS Hover Tool
5. Click on “Save Settings” button.