10 Useful CSS Selector [Chrome Extension]

Are you looking for CSS Selector tool to assist you to style a website? If so then you’ve to come to the right place.

CSS Selectors is a pattern that can be used to select the elements you want to style. There are many CSS selector attribute (See the list here) that you must know and memorize in order to select the right element.

In the today’s post, we present 10 useful CSS selector Chrome extension that you can use to easier your job. Please also check our Regex tester & builder in our previous post.

CSS Selector Helper

CSS Selector Helper

CSS Selector Helper help you to quickly test your css “selector”. Create or copy a selector in the selector text field, the matching HTML elements will highlight and counted for you.

DOWNLOAD

Code Cola

Code Cola

A visual tool to modify css style. CodeCola Patterns is designed to collect and share css code. With Code Cola, you can share your css code easy, the only thing you have to do is click the share button.

DOWNLOAD

Copy Css Selector

Copy Css Selector

Copy CSS Selector is very useful for quickly getting selector for any element for testing frameworks like as Selenium.

DOWNLOAD

Alt CSS

Alt CSS

Alternate CSS Style Selector allows you to set an alternate style on pages which provide one Alternate CSS Style Selector (ACSS for short) provides an interface to choose from alternate stylesheets which are provided by some sites.

DOWNLOAD

CSS Brush – Live CSS editor

CSS Brush - Live CSS editor

Live CSS editor allow you to apply CSS styles live on a webpage. This powerful tool to style up your website live.

DOWNLOAD

SelectorGadget

SelectorGadget

Selector Gadget is an open source Chrome Extension that makes CSS selector generation and discovery on complicated sites a breeze.

DOWNLOAD

CSS Dig

CSS Dig

CSS Dig finds and groups stylesheets and style blocks on most websites, providing an easy way to analyze the code and plant factors.

DOWNLOAD

CSS Shapes Editor

CSS Shapes Editor

Interactive editor for CSS Shapes. Create and adjust CSS Shapes values with an interactive editor overlapping the selected element.

DOWNLOAD

Leave a Reply

Your email address will not be published. Required fields are marked *

Close
Please support the site
By clicking any of these buttons you help our site to get better :)