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.

SelectorExampleExample description
.class.introSelects all elements with class=”intro”
#id#firstnameSelects the element with id=”firstname”
elementpSelects all <p> elements
element,elementdiv, pSelects all <div> elements and all <p> elements

Basic CSS Selectors

CSS SelectorSelectsExample
bodySelects 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.
h1Selects 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, h6Selects all heading elements on the page.Use this selector if you want to edit all heading elements.
aSelects all link elements on the page.Use this selector if you want to change all links colors.
pSelects all paragraph elementsUse 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