Wishlist for Webflow: Support for Pseudo-Elements and Advanced Selectors

Webflow could benefit immensely by adding support for pseudo-elements like ::before, ::after, and advanced CSS selectors such as :nth-child(). These features would greatly enhance styling flexibility and design efficiency within the platform.

Why Pseudo-Elements and Selectors Matter

  1. Enhanced Styling Capabilities:

    • Create decorative elements (e.g., icons, dividers) without needing additional HTML elements, reducing DOM clutter.

    • Apply hover effects or animations to generated content for a richer design experience.

  2. Dynamic Layouts:

    • Use :nth-child() to target and style specific elements in a collection (e.g., alternate row colors, unique designs for specific cards).

    • Achieve complex designs without duplicating classes or creating extra elements.

  3. Improved Workflow:

    • Reduce the need for custom code embeds, keeping designs fully manageable in Webflow's visual editor.

  • Sabbir Hossain
  • Jan 16 2025