Debug Common Errors In Your CSS Code With CSS Lint

CSS defines the look and format of documents written in markup language such as HTML. Instead of writing style sheets on each web page you have, it is more practical to write all CSS codes in one file and link it to your web pages. With this practice, it is easier for you debug and change any element in the future when you feel to change the look of your website. To help you debug common syntax errors in your CSS, you can use CSS Lint web app. CSS Lint can do a basic check on your CSS code. It highlights errors and displays a warning when there is a potential problem in your code. Its usage is simple, just copy and paste your code on the text editor provided in the main page of CSS Lint. Tick the options you want the web app validate against your code. And when your ready, hit the big LINT button.



Once the checking is done, CSS Lint will redirect you to the result page which shows how many errors and warnings the web app found. Below the summary message are the detailed items of each error/warning. The details contains the line and column of the error, its description and what browser it may impose a problem.




Red warning sign are errors while yellow sign indicates warnings.

Checkout CSS Lint

To stay up-to-date on Useful Websites, subscribe now.