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.
Press fkey to open the search tool.
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