ABBAdata CSS Selector Finder

Easy, powerful, and interactive way to find unique CSS selectors for any DOM element.

What is ABBAdata CSS Selector Finder?

ABBAdata CSS Selector Finder is a Chrome extension that provides an easy and interactive way to find unique CSS selectors for any DOM element. With highly customizable CSS selector generation, testing arbitrary CSS selectors, and easy navigation through the DOM tree, this extension is a valuable tool for web developers and designers.

Download

Extension stats

By: https://abbadata.com

View on Chrome Web Store

Users: 1,000+

Rating: 4.00 (3)

Version: 0.1 (Last updated: 2020-12-12)

Creation date: 2020-06-02

Risk impact: Very low risk impact

Risk likelihood: Very low risk likelihood

Manifest version: 2

Permissions:

activeTab

Size: 344.06K

Email: er*****@gmail.com

URLs: Website

Ranking

# 27815 ▼ 53

Other rankings

#285 in Developer Tools ▲ 5 #50 in finder keyword 28 ▲ 2 #144 in class keyword 2 ▲ #175 in element keyword 21 #284 in navigation keyword 10 ▼ 3

Other platforms

Not available on Firefox

Not available on Edge

Want to check extension ranking and stats more quickly for other Chrome extensions? Install Chrome-Stats extension to view Chrome-Stats data as you browse the Chrome Web Store.

Extension summary

Analyze keywords

Find unique CSS Selectors on any page element using a control panel that constantly updates as elements are clicked on.

Contains the following features:

Highly customizable CSS selector generation:
- Enable/Disable IDs, class names, tag names
- Filter out specific IDs, class names, tag names
- Use specific attributes and/or attribute values
- Use alternate selector root elements
Easy interface for testing arbitrary CSS selectors and seeing all matched elements get highlighted, as well as getting a total count of matched elements
Easy navigation through DOM tree using alternate navigation feature. This enabled non-displayed elements to be selected

User reviews

still haven't found the perfect selector extension :( most just have a gross amount of nth-type selectors and that's not right. this one tries to use ID and class names, which is what I want, but it just didn't do it properly. granted, I tried it on a site that doesn't have easily-determined (i.e. well-named) selectors, but if it did I wouldn't need an extension. I really wanted to like this one, but it just didn't do its job. it didn't give the proper selection, like it was a relative selector even though it was supposed to be relative to :root I recommend renaming "filters" to "exclusions" because I thought it was for me adding inclusions until I watched the video a second time.