FireBug Developer tool Tip

Scenario1: To determine which style sheet or css class is applied to HTML element at runtime. (Figure 1)

Scenario2: How to debug css class? (Figure 2)

Solution:

1. Download FireFox 3
2. Download FireBug Add-in
3. Open firefox, Start > Run > Firefox
   
4. Open web site by typing URL
   
5. Right click on page and click “inspect element”
   
6. Refer below two screen shots

Figure 1

Figure 2