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
Learn how to identify errors in your CSS, visualize and test element state, and copy or save changes to your CSS from DevTools.
Resources
- Add a pseudostate to a class | Chrome Developers
- Edit Files With Workspaces | Chrome Developers. Save changes that you make within DevTools to source code that's stored on your computer.
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
active and focus states on elements.
0:00
Even enabling and disabling classes,
and ways to easily copy or
0:01
save out changes to your CSS.
0:05
As I mentioned in an earlier video,
CSS does not provide you feedback or
0:08
error messages if your code contains
invalid declarations or syntax errors.
0:12
One of the best features of
Chrome DevTools is its ability to
0:17
quickly recognize errors in your CSS and
warn you about them.
0:20
For example, if I give the h1
a font color of red, we see that
0:24
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