CSS คำนวณให้ไม่ได้ ? Sass มี Operators ให้ใช้ (ตอนที่ 3)

บางครั้งการคำนวณก็เป็นสิ่งที่หลีกเลี่ยงไม่ได้ในการเขียนโค้ดซึ่งเมื่อต้องระบุตัวเลขลงใน CSS ของตัวเองแล้วละก็ ต้องคำณวนจากข้างนอกไปใส่คงเป็นอะไรที่ไม่สะดวกเท่าไหร่นัก

Operator หรือ ตัวดำเนินทางคณิตศาสตร์ ซึ่งหากเราสามารถนำสิ่งเหล่านี้มาใช้ในการเขียนโค้ดได้โดยแทนที่เราจะใส่ค่าไปเฉยๆ เราก็เพียงใส่สมการโดยมีเครื่องหมายเข้าไป

โดยการ Assignment Operator Sass ใช้เครื่องหมายในการระบุตัวแปรคือ Colon

:

• Arithmetic Operators

คือการทำการบวก ลบ คูณ หารและการหารเอาเศษโดยใช้เครื่องหมาย

+, -, *, /, %

ตัวอย่างของ Sass ที่ใช้การคำนวณแทนได้เลย

คำนวณสีก็สามารถทำได้

• Equality Operators

ใช้สำหรับเป็นเงื่อนไข ของ 2 ค่า ว่าเหมือนกันหรือไม่ ซึ่งจะ return ค่าเป็น boolean
== , !=
ex.

• Comparison Operators

ใช้ในการเปรียบเทียบค่า 2 ค่า ว่า มากกว่า หรือ น้อยกว่า
> , >= , < , <=

• Logical Operators

ใช้ในการทำการดำเนินการแบบตรรกศาสตร์
and , or , not

• String Operations

ใช้ในการบวก 2 string เข้าด้วยกัน