En tant que mainteneur de quelques sites Web de ma boutique, je reçois régulièrement des demandes du style :
” et comment t’as fait pour mette un menu en haut, des onglets à coins coupés, des boites à coins arrondis … dans ton moodle, plone, mediawiki …”(1)
(1) rayer les mentions inutiles.
Une fois par mois ca va, deux fois par jour c’est trop.
D’après ce blog que je plagie sans vergogne : 
On aime FireFox quand on développe une application Web. Il est tellement plus compatible que … (On donnera pas le nom ). Et maintenant avec l’extension FireBug vous allez l’adorer votre FireFox.
Cette extension permet de contrôler vos pages Web aux endroits les plus reculés du DOM. Une console indique les erreurs CSS, HTML, Javascript, AJAX. (2)
Vous pouvez éditer le code et l’extension se chargera de modifier directement sur la page pour avoir un rendu immédiat.
Les éléments survolés dans le code se surlignent automatiquement dans l’aperçu. ( Que du bonheur! ).
(2) <mauvaisefoi> Non, il n’y a pas d’erreurs sur mes sites </mauvaisefoi>
Et maintenant pour revenir à votre question : installez cette extension (Firefox only !) puis faites un click droit sur l’élément HTML qui vous intrigue et découvrez la nouvelle option “Inspecter cet élement”… et hop, à gauche dans la console le code html avec probablement la classe ou l’id utilisé et à droite le CSS . Help yourself…
Si vous cherchiez une bonne raison d’abandonner le navigateur de petitmou, et bien en voila une excellente.
