When working with the filter option on Scraptio it's important to understand how to identify and select specific elements on a webpage using CSS IDs, classes, and HTML tags. This guide will walk you through the process of obtaining these crucial identifiers.

How to get a css ID:

A CSS ID is a unique identifier for an HTML element, designated using the id attribute within the HTML tag. This ID must represent one and only one element throughout the entire website. If you wish to extract all the text from a section that doesn't repeat, utilizing the CSS ID is the best option.

To locate a CSS ID, follow these steps:

1. Access the website you want to scrape using a desktop browser.
2. Right-click on the element you wish to inspect and choose "Inspect" or "Inspect Element."
3. In the browser's developer tools, the HTML code of the selected element will be highlighted.
4. Look for an attribute such as id="your-id-name" within the HTML tag. This attribute represents the CSS ID for that specific element.

<aside> ⚠️ Important: If you wish to filter using a CSS ID, you must prefix the id with a #. This is the standard method to indicate that you are referring to a CSS id. For instance: #your-id-name

</aside>

How to get a css Class:

A CSS class is a reusable identifier that can be applied to multiple HTML elements, defined using the class attribute within the HTML tag.

For instance, if you aim to extract all the articles from a list of news on a newspaper website, you can identify a common class among these news items and scrape using that filter.

To find a CSS class:

1. Open the website you wish to scrape using a desktop browser.
2. Utilize the browser's developer tools by right-clicking on the desired element and selecting "Inspect."
3. Within the HTML code section, locate the class="your-class-name" attribute within the HTML tag. This attribute signifies the CSS class assigned to the element.

<aside> ⚠️ Important: If you wish to filter using a CSS Class, you must prefix the class with a dot “.” This is the standard method to indicate that you are referring to a CSS Class. For instance: .your-class-name

</aside>

How to get an HTML Tag: