home

Zephr

Zuora BillingZuora PaymentsZuora PlatformZuora CPQZephrZuora RevenueAccounts ReceivableRelease NotesBasicsEntitlementsSupport and policies
Zuora BillingZuora PaymentsZuora PlatformZuora CPQZephrZuora RevenueAccounts ReceivableRelease NotesBasicsEntitlementsSupport and policies

Welcome to Zuora Product Documentation

Explore our rich library of product information

Show Contents

thumbnailZephr

Configure HTML features in the developer interface

Use CSS selectors to target HTML features

Learn how to target HTML feature rules using CSS selectors, which simplifies rule application without Comment Tags and ensures compatibility across your site.

You can target HTML feature rules on your site without using Comment Tags. This can be an easier method for teams with limited access to the website CMS, and works on any page in your site that contains the specified CSS Selector.

When you use CSS Selectors, Zephr targets HTML feature rules based on the specified CSS selector. Zephr recommends that you do not nest Comment Tags, or use multiple rules that target a CSS Selector within other CSS Selectors.
Note: To avoid confusion when Zephr decides which rule to run, make sure that you do not use the same CSS Selector for multiple rules.

For example, the following illustration shows an area of a demo site that uses a CSS Selector of div.article-content around the body:

When you create the feature rule for this area, select the CSS Selector radio button and enter div.article-content in the CSS Selector text box, as illustrated in the following image:

Last updated: October 10, 2025