Browser Development Tools

Owned by Musa Jatkowski
Last updated: Mar 05, 2022 by Sarah Nguyen (Deactivated)
1 min read

In order to target specific elements on a page with CSS, you will have to figure out which HTML tags/classes to use. This can be easily done on your browser using the built-in development tools.

  1. Right-click on the element you wish to style with CSS.

  2. Click Inspect (Google Chrome) or Inspect Element (Firefox, Internet Explorer, Safari)

You will now see the HTML that makes up the webpage, focused on the line(s) related to the element you are targeting. In addition, Inspect Element allows you to temporarily edit the HTML or CSS of a page which will go away once the page is reloaded.

Related Articles