CSS Preprocessors  คือ  เป็นการเขียนภาษา CSS ให้อยู่ในรูปแบบเชิง Programming ยิ่งขึ้น หลังจากนั้นก็ทำการแปลง CSS source code ให้อยู่ในรูปแบบของภาษา CSS อีกทีนึง

เทคนิคการเขียนโค๊ดแบบ CSS Preprocessors นี้ จะเป็นตัวช่วยเพิ่มประสิทธิภาพให้กับภาษา CSS อีกด้วย คือ ช่วยอำนวยความสะดวกให้ผู้ใช้สามารถเขียนโค๊ดภาษา CSS ได้ง่ายยิ่งขึ้น โดยผู้ใช้สามารถเขียนในรูปแบบเชิง Programming ได้ ทำให้โค๊ดดูเข้าใจง่าย แก้ไขได้ง่ายและรวดเร็ว ทำให้ผู้ที่มาศึกษาต่อสามารถเข้าใจได้ง่าย และยังทำให้ข้อจำกัดการเขียน CSS แบบปกติลดลงไปด้วย แสดงว่าผู้ใช้สามารถเขียนโค๊ด CSS ได้กว้างขวางขึ้นนั้นเอง ซึ่งเป็นอะไรที่ดีมากสำหรับ Programmer ทั้งหลาย

LESS CSS และ SASS ซึ่งคิดว่าผู้อ่านน่าจะคุ้นหูกันดี ทั้งสองตัวนี้เป็นเครื่องมือที่ใช้เทคนิคการเขียนแบบ CSS Preprocessors ซึ่งกำลังเป็นที่นิยมสำหรับนักพัฒนาเว็บไซต์จำนวนมาก ซึ่งจริงๆแล้วไม่ได้มีเฉพาะสองตัวนี้เท่านั้นแต่ยังมีอีกมาก ไม่ว่าจะเป็น SCSS, Stylus, Myth เป็นต้น

ความสามารถต่างของ CSS Preprocessors แต่ละตัวที่เหมือนและคล้ายๆกันก็คือ

–          Variables การกำหนดตัวแปร

–          Color Transformations

–          Minixs  การสร้างฟังก์ชันใช้งาน

–          Nesting การกำหนดคุณสมบัติ Element ต่างๆ ไว้ใน Selector เดียวกัน

–          Loops & Conditionals

–          Importing การนำเข้าไฟล์มาใช้งาน

อย่างไรก็ตามนี่เป็นความสามารถส่วนหนึ่งของเหล่า CSS Preprocessors เท่านั้น ซึ่งแต่ละตัวยังมีความสามรถอีกเยอะแยะในส่วนของความสามารถและจุดเด่นที่แตกต่างกันออกไป ซึ่งทั้งนี้และทั้งนั้นก็ขึ้นอยู่กับความถนัด และความต้องการของผู้ใช้ที่ต้องการจะเลือกใช้ CSS Preprocessors เจ้าตัวไหน