# Deprecated: Targeting Certain Elements

{% hint style="info" %}
You can target specific pages, components and other elements in various ways using the helper classes that get automatically added to them.
{% endhint %}

## Use Cases

* Styling an individual component or page
* Styling several similar components/pages in the same way (using tags)
* Hiding or moving Global Components depending on what page the user is on

## How to Target Pages

### Targeting Pages by Key

A page with the key `my_key` has the class `.page-key-my_key`

### Targeting Pages by Tag

A page with the tag `my_tag` has the class `.page-tag-my_tag`

## How to Target Components

### Targeting Components by Key

A component with the key `my_key` has the class `.component-key-my_key`

### Targeting Components by Tag

A component with the tag `my_tag` has the class `.component-tag-my_tag`

## How to Target Elements by which Page they're inside

This applies to the following elements:

* Title
* Subtitle
* Heading Label
* Components Container
* Individual Components
* Global Components Container
* Individual Global Components
* Repeatable Component Containers
* Footers

### Targeting Elements by Page Key

An element inside a page that has the key `my_key` has the class `.in-page-key-my_key`

### Targeting Elements by Page Tag

An element inside a page that has the tag `my_tag` has the class `.in-page-tag-my_tag`
