# Anchor Elements

The Tooltip can target specific elements within a container, so you can control exactly which elements display a tooltip on hover.

The [`filter`](https://www.telerik.com/kendo-angular-ui/components/tooltips/api/tooltipdirective#filter) property controls which elements inside the `kendoTooltip` container display a tooltip. Set it to any valid CSS selector. By default, `filter` is set to `[title]`, which matches all elements that have a `title` attribute.

For example, `filter=".role-badge"` targets only elements with a `role-badge` class. To match multiple element types, separate the selectors with a comma—for example, `filter="a[href],button[title]"`.

The default tooltip template displays the `title` attribute value of the matched element. To customize the tooltip content, use [content templates](https://www.telerik.com/kendo-angular-ui/components/tooltips/tooltip/templates).

The following example shows a team roster where only the role badges trigger a tooltip.

[Demo Source](https://demos.telerik.com/kendo-angular-ui/demos/tooltips/anchor-elements/source.txt)

## Suggested Links

* [Templates](https://www.telerik.com/kendo-angular-ui/components/tooltips/tooltip/templates)
* [API Reference of the Tooltip](https://www.telerik.com/kendo-angular-ui/components/tooltips/api)