Element Search Tool
The Search tool allows you to select the elements by using the element classes, ids, and HTML tags. If you already have a selector, you can use this tool to select the target elements, or you can generate special CSS selectors.
CSS Selector Syntax
in the CSS selectors, you must use a dot before type the class name, and you must use a hashtag before type the element id.
Selector | Example | Example description |
---|---|---|
.class | .intro | Selects all elements with class=”intro” |
#id | #firstname | Selects the element with id=”firstname” |
element | p | Selects all <p> elements |
element,element | div, p | Selects all <div> elements and all <p> elements |
Basic CSS Selectors
CSS Selector | Selects | Example |
---|---|---|
body | Selects the body of the web page. | Use this selector if you want to edit the font family on the entire page or change the background of the page. |
h1 | Selects all 1 level heading elements on the page. | Use this selector if you want to edit just heading level 1 elements. |
h1, h2, h3, h4, h5, h6 | Selects all heading elements on the page. | Use this selector if you want to edit all heading elements. |
a | Selects all link elements on the page. | Use this selector if you want to change all links colors. |
p | Selects all paragraph elements | Use this selector if you want to edit any font style in all paragraphs. |
Was this article helpful?
YesNo