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 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.
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.
Copy Css Selector
Copy CSS Selector is very useful for quickly getting selector for any element for testing frameworks like as Selenium.
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.
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.
SelectorGadget
Selector Gadget is an open source Chrome Extension that makes CSS selector generation and discovery on complicated sites a breeze.
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.
CSS Shapes Editor
Interactive editor for CSS Shapes. Create and adjust CSS Shapes values with an interactive editor overlapping the selected element.
