# Advanced Selectors

<figure><img src="https://219399540-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FII25Fu7h0q7vR3UqUhpk%2Fuploads%2F1FuoRVBrqMSwe0AlyugI%2Fdlx-has-advanced.webp?alt=media&#x26;token=68f2a50c-161f-4e0d-a87a-a3567099898c" alt=""><figcaption><p>Advanced Selectors for Specific Targeting</p></figcaption></figure>

Highlight and Share supports custom selectors, whether you use a page builder or a non-default editor.

Custom selectors are handy when you are using a page builder and the content is not within the normal content loop.

In general, you shouldn't have to choose a selector unless directed to do so by support or a developer.

### CSS Class Selectors

Input any CSS classes (with or without the dots and comma-separated).

Highlight and Share will search for these classes and be enabled for any text within them.

An example would be enabling Highlight and Share for widget areas.

### CSS ID Selectors

Input any CSS IDs (with or without the # sign and comma-separated).

Highlight and Share will search for these IDs and will be enabled for any text within the CSS ID.

### HTML Elements

Input any HTML elements (e.g., `section`, `main`).

Highlight and Share will search for these elements and be enabled for any text within them.

### Post Wrapper Classes

Add any additional CSS classes when Highlight and Share successfully wraps the content. You can use this for advanced CSS targeting.