There are two syntaxes available fo

There are two syntaxes available for Sass. The first, known as SCSS (Sassy CSS) and used throughout this reference, is an extension of the syntax of CSS. This means that every valid CSS stylesheet is a valid SCSS file with the same meaning. In addition, SCSS understands most CSS hacks and vendor-specific syntax, such as IE’s old filter syntax. This syntax is enhanced with the Sass features described below. Files using this syntax have the .scss extension.

The second and older syntax, known as the indented syntax (or sometimes just “Sass”), provides a more concise way of writing CSS. It uses indentation rather than brackets to indicate nesting of selectors, and newlines rather than semicolons to separate properties. Some people find this to be easier to read and quicker to write than SCSS. The indented syntax has all the same features, although some of them have slightly different syntax; this is described in the indented syntax reference. Files using this syntax have the .sass extension.

Either syntax can import files written in the other. Files can be automatically converted from one syntax to the other using the sass-convert command line tool:

ผลลัพธ์ (ไทย) 1:

มีสอง syntaxes สำหรับ Sass ครั้งแรก SCSS (หน้าด้าน CSS) ที่รู้จักกัน และใช้อ้างอิง เป็นส่วนขยายของไวยากรณ์ของ CSS นี้หมายความ ว่า ทุกสไตล์ CSS ถูกต้องแฟ้ม SCSS ถูกต้องกับความหมายเดียวกัน นอกจากนี้ SCSS เข้าใจ CSS hacks และไวยากรณ์เฉพาะสำหรับผู้จัดจำหน่าย เช่นไวยากรณ์ตัวกรองของ IE เก่ามากที่สุด รูปแบบนี้ขึ้นกับคุณสมบัติของ Sass ที่อธิบายไว้ด้านล่าง แฟ้มโดยใช้ไวยากรณ์นี้มีนามสกุล.scssสอง และมากกว่าไวยากรณ์ เรียกว่าเยื้อง (หรือไวยากรณ์บางครั้งเพียงแค่ "Sass"), ให้การเขียน CSS เป็นเรื่องสั้นกระชับ ใช้เยื้องมากกว่าวงเล็บเพื่อระบุการซ้อนกันของตัว เลือก และ newlines มากกว่าเครื่องหมายอัฒภาคแยกคุณสมบัติ บางคนพบนี้จะง่ายต่อการอ่าน และรวดเร็วในการเขียนกว่า SCSS ไวยากรณ์เยื้องมีเหมือนคุณสมบัติ แม้ว่าบางคนมีไวยากรณ์ที่แตกต่างกันเล็กน้อย อธิบายไว้ในการอ้างอิงไวยากรณ์เยื้อง แฟ้มโดยใช้ไวยากรณ์นี้มีนามสกุล.sassไวยากรณ์ใดสามารถนำเข้าไฟล์ที่เขียนในอื่น ๆ ไฟล์สามารถโดยอัตโนมัติแปลงจากไวยากรณ์หนึ่งไปยังอีกโดยใช้เครื่องมือบรรทัดคำสั่งแปลง sass:

ผลลัพธ์ (ไทย) 2:

มีสองไวยากรณ์ใช้ได้สำหรับ Sass มี ครั้งแรกที่รู้จักกันในชื่อ SCSS (Sassy CSS) และใช้ตลอดการอ้างอิงนี้เป็นส่วนขยายของไวยากรณ์ของแบบ CSS ซึ่งหมายความว่าทุก CSS สไตล์ชีตที่ถูกต้องเป็นไฟล์ SCSS ที่ถูกต้องมีความหมายเดียวกัน นอกจากนี้ SCSS เข้าใจมากที่สุด hacks CSS และไวยากรณ์ผู้ขายที่เฉพาะเจาะจงเช่นไวยากรณ์กรองเก่าของ IE รูปแบบนี้จะเพิ่มขึ้นด้วยคุณสมบัติ Sass อธิบายไว้ด้านล่าง ไฟล์โดยใช้ไวยากรณ์นี้มีนามสกุล .scss.

ที่สองและไวยากรณ์เก่าที่รู้จักกันเป็นไวยากรณ์เยื้อง (หรือบางครั้งเพียงแค่ "Sass") ให้เป็นวิธีที่รัดกุมมากขึ้นของการเขียน CSS มันใช้เยื้องมากกว่าวงเล็บเพื่อบ่งชี้ถึงการทำรังของเตอร์และการขึ้นบรรทัดใหม่มากกว่าอัฒภาคคุณสมบัติที่แยกต่างหาก บางคนพบนี้จะให้อ่านง่ายขึ้นและเร็วขึ้นกว่าที่จะเขียน SCSS ไวยากรณ์เยื้องมีคุณสมบัติเหมือนกันทั้งหมดแม้ว่าบางคนของพวกเขามีไวยากรณ์ที่แตกต่างกันเล็กน้อย นี้จะอธิบายในการอ้างอิงไวยากรณ์เยื้อง ไฟล์โดยใช้รูปแบบนี้มีนามสกุล .sass.

ทั้งไวยากรณ์สามารถนำเข้าไฟล์เขียนไว้ในที่อื่น ๆ สามารถแปลงไฟล์โดยอัตโนมัติจากไวยากรณ์ที่อื่น ๆ โดยใช้เขื่องแปลงเครื่องมือบรรทัดคำสั่ง:

ผลลัพธ์ (ไทย) 3:

มีไวยากรณ์ของสองแคว้น . ครั้งแรกที่รู้จักกันเป็น scss ( หน้าด้าน CSS ) และใช้ตลอดอ้างอิงนี้เป็นส่วนขยายของรูปแบบของ CSS ซึ่งหมายความว่าทุกถูกต้อง CSS สไตล์ชีตเป็นแฟ้มที่ถูกต้อง scss ที่มีความหมายเหมือนกัน นอกจากนี้ scss เข้าใจส่วนใหญ่ hacks CSS และผู้ขายที่เฉพาะเจาะจงเช่นไวยากรณ์ , ไวยากรณ์กรอง IE ของเก่า ไวยากรณ์นี้จะเพิ่มขึ้นกับแคว้นคุณลักษณะที่อธิบายไว้ด้านล่าง แฟ้มโดยใช้ไวยากรณ์นี้มี . scss นามสกุลไวยากรณ์ 2 รุ่นเก่า เรียกว่าเยื้องวากยสัมพันธ์ ( หรือบางครั้งก็ " แซส " ) มีวิธีการที่กระชับขึ้นของการเขียน CSS ใช้วงเล็บเพื่อบ่งชี้การเยื้องมากกว่าตัวเลือก และประโยคใหม่แทนอัฒภาคแยกคุณสมบัติ บางคนพบนี้จะอ่านง่ายขึ้นและเร็วขึ้นเพื่อเขียนมากกว่า scss . การเยื้องไวยากรณ์มีทั้งหมดคุณสมบัติเดียวกัน แม้ว่าบางส่วนของพวกเขามีไวยากรณ์ที่แตกต่างกันเล็กน้อย ; นี้เป็นอธิบายในย่อหน้าไวยากรณ์อ้างอิง แฟ้มโดยใช้ไวยากรณ์นี้ แซสได้ การขยายทั้งไวยากรณ์สามารถนำเข้าแฟ้มที่เขียนในอื่น ๆ ไฟล์ที่สามารถแปลงโดยอัตโนมัติจากหนึ่งไปยังอีกโดยใช้ไวยากรณ์แคว้นแปลงเครื่องมือบรรทัดคำสั่ง :