Heads up! To view this whole video, sign in with your Courses account or enroll in your free 7-day trial. Sign In Enroll
Well done!
You have completed Debugging CSS with Chrome DevTools!
You have completed Debugging CSS with Chrome DevTools!
Preview
The "Styles" pane also displays which properties are being inherited by (or passed down to) the selected element, as well as properties applied by the browser's default stylesheet (User Agent stylesheet).
Resources
Related Discussions
Have questions about this video? Start a discussion with the community and Treehouse staff.
Sign upRelated Discussions
Have questions about this video? Start a discussion with the community and Treehouse staff.
Sign up
You've seen how the Styles pane helps you
understand exactly where styles are being
0:00
declared and which properties are being
overridden by other properties.
0:01
Well, the Styles pane also displays
which properties are being inherited or
0:05
passed down to the selected element.
0:09
As well as properties applied by
the browser's default stylesheet or
0:11
the user agent style sheet.
0:14
Select the body element.
0:17
And in the Styles pane,
we see the CSS I wrote, to style the body.
0:19
For example the font-family, color and
background-color styles, and
0:23
below these rules is a CSS
rule inside a gray box.
0:27
You need to sign up for Treehouse in order to download course files.
Sign upYou need to sign up for Treehouse in order to set up Workspace
Sign up