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

Couldn't Find Your Answer?

Get quality customer support with our professional support team.

Create A Support Ticket
Live Editor