CSS Compare Chrome Extension

See the CSS difference between the last two HTML elements selected..

css compare was created out of the need for a tool to view the differing css properties of two dom elements.

When developing complex web apps the applied CSS on two elements can quickly add up to make it difficult to find the minor differences on two elements that were intended to have the same styles.

With a simple selection of the two elements, the differences are available for inspection in CSS Compare.

select layout style of CSS values, side-by-side or top-bottom.

Instructions: Load up the dev tools open the elements panel expand the css compare pane click on the first element you would like to compare click on the second element.

The CSS Compare pane will show the differing CSS properties.

You dont need to inspect any elements.

The table columns will be titled with the elements IDs, if exists, or 1st.tagname if the elements are the same type.

please leave feedback for suggestions/improvements or write a review.