Easily locate the CSS selectors for elements on your website to use in various applications such as Poper triggers or styling. Follow these steps to find the CSS selector for any element:

Navigate to the webpage where the element whose CSS selector you want to find is located. Ensure the webpage is loaded in your browser. For example, I have opened this webpage -
​

Identify the specific element on the webpage for which you want to obtain the CSS selector. Right-click on the element to open the context menu. For example, I want to get CSS Selector for this element -
​

From the context menu, select "Inspect" or "Inspect Element." This action will open the browser's built-in Inspector tool, displaying the HTML code of the webpage.
​

In the Inspector panel, the HTML code corresponding to the selected element will be highlighted. Locate the element within the code structure.
​

Right-click on the highlighted element's code within the Inspector panel. Navigate to the "Copy" submenu, then select "Copy Selector." This action will copy the CSS selector of the element to your clipboard.
​

Now that you have copied the CSS selector, you can use it in various applications, such as applying on click or on hover events in Poper.
​