Which tool helps automatically add necessary vendor prefixes to your CSS?

Which tool helps automatically add necessary vendor prefixes to your CSS?

• A. PostCSS
• B. Sass
• C. Autoprefixer
• D. CSSLint

Answer: (C)

Automatically adding vendor prefixes to CSS is handled by Autoprefixer. You write standard CSS, and Autoprefixer inserts the necessary -webkit-, -moz-, -ms-, and other prefixes based on the browsers you want to support. It’s typically used as a PostCSS plugin in a build process, pulling in data from Can I Use via a Browserslist configuration to decide which prefixes are needed for each feature. Because you configure target browsers (for example, the last two versions or browsers with >1% usage), Autoprefixer adds prefixes only when required and removes unnecessary ones, keeping your code clean while ensuring compatibility with older browsers. For instance, features like flexbox often needed prefixes in earlier browsers; Autoprefixer would add those automatically if your target browsers require them. The other tools mentioned aren’t dedicated to this task: PostCSS is the framework that runs plugins like Autoprefixer; Sass is a preprocessor that handles things like variables and nesting; CSSLint is a linter. The tool that automatically handles vendor prefixes is Autoprefixer.

Automatically adding vendor prefixes to CSS is handled by Autoprefixer. You write standard CSS, and Autoprefixer inserts the necessary -webkit-, -moz-, -ms-, and other prefixes based on the browsers you want to support. It’s typically used as a PostCSS plugin in a build process, pulling in data from Can I Use via a Browserslist configuration to decide which prefixes are needed for each feature.

Because you configure target browsers (for example, the last two versions or browsers with >1% usage), Autoprefixer adds prefixes only when required and removes unnecessary ones, keeping your code clean while ensuring compatibility with older browsers. For instance, features like flexbox often needed prefixes in earlier browsers; Autoprefixer would add those automatically if your target browsers require them.

The other tools mentioned aren’t dedicated to this task: PostCSS is the framework that runs plugins like Autoprefixer; Sass is a preprocessor that handles things like variables and nesting; CSSLint is a linter. The tool that automatically handles vendor prefixes is Autoprefixer.