Authoredstylerulesprecedeuseragentstyles.Thesearethebrowser’sowndefault
stylesthathaveanimpactonyoursite’slookandfeel.^1
Propertiesandvaluesaregroupedbyselector.Acheckboxsitsnexttoeachproperty,
lettingyoutogglespecificrulesonandoff.Clickingonapropertyorvalueallows
youtochangeit,soyoucanavoidhavingtoedit,saveandreload.
Identifying Cascade and Inheritance Problems
Asyouinspectstyles,youmaynoticethatsomepropertiesappearcrossedout.
Thesepropertieshavebeenoverriddeneitherbyacascadingrule,aconflictingrule,
oramorespecificselector,asdepictedinFigure3.6.
Figure 3.6. The width for .wide overrides the width for the div element selector
(^1) InFirefox,youmayhavetoselecttheShow Browser Styles optioninordertoviewuseragentstyles.
YoucanfindthissettingintheToolbox Optionspanel.
100 CSS Master