Best AirPods Deals October 2025
Okay, I’ve analyzed the HTML snippet you provided. It represents a list of categories (likely from “The Verge” website) with follow buttons. here’s a breakdown of the structure and the categories present:
Overall Structure:
* The code consists of a list (<li>) items.
* each list item represents a category.
* Each category has:
* A follow button (with a “Follow” or “Following” state).
* A popover/aside element that appears when the follow button is clicked, providing more data about the category and a “See All” link.
* Category name.
categories Present:
- Gadgets:
* Link: https://www.theverge.com/gadgets
- Headphones:
* Link: https://www.theverge.com/headphone
Key HTML Elements & Classes:
* _6ytxv90: A common class used to wrap each category item.
* _1wu3rm0, _1wu3rm1, _1wu3rm3, _1wu3rm4, _1wu3rm5: Classes related to the popover/aside styling.
* duet--cta--button: Class for the “Follow” button.
* fv263x1, fv263x2, fv263x4, fv263x5: Classes for paragraph and link styling within the popover.
* _1ajq89k1, _1ajq89k0, _1ajq89k4, _1ajq89k3, _1lp96da0: Classes related to the follow icon.
Functionality:
* The aria-expanded and aria-haspopup attributes on the category buttons suggest that clicking them will toggle the visibility of the associated popover/aside.
* The “Follow” button likely adds the category to the user’s personalized feed.
* The “See All” links navigate to the category’s dedicated page on The Verge.
this HTML snippet defines a dynamic list of categories that users can follow to customize their content experience on The Verge website.
