เอกสาร

    Table of Content
    • รูปแบบไฟล์ 3 มิติ
      • รูปแบบไฟล์ 3D
      • 3D2
      • 3DM
      • 3DS
      • 3MF
      • AMF
      • ASE
      • B3D
      • DAE
      • DBM
      • DRC
      • E57
      • FBX
      • GLB
      • GLTF
      • IPT
      • JT
      • MA
      • MB
      • MP
      • OBJ
      • PLY
      • PRC
      • RVM
      • STEP
      • STP
      • U3D
      • USD
      • USDZ
      • VRML
      • X
      • X3D
    • รูปแบบไฟล์เสียง
      • รูปแบบไฟล์เสียง
      • 8SVX
      • AA
      • AAC
      • AAX
      • AC3
      • ACT
      • AIFF
      • ALAC
      • AMR
      • APE
      • CDA
      • DSS
      • FLAC
      • GSM
      • M3U
      • M3U8
      • M4A
      • M4B
      • M4P
      • MID
      • MKA
      • MMF
      • MOD
      • MP2
      • MP3
      • MPC
      • MXL
      • NSA
      • OGG
      • OPUS
      • RA
      • RF64
      • SDT
      • STAP
      • VOC
      • VOX
      • VQF
      • WAV
      • WEBA
      • WFP
      • WMA
      • WPL
      • WV
    • รูปแบบไฟล์ CAD
      • รูปแบบไฟล์ CAD
      • ART
      • ASC
      • ASM
      • CATPART
      • CF2
      • DC3
      • DGN
      • DST
      • DWF
      • DWFX
      • DWG
      • DWT
      • DXF
      • FZP
      • HPGL
      • IFC
      • IGES
      • IGS
      • JVSG
      • NC
      • NWC
      • NWD
      • NWF
      • PAT
      • PHJ
      • PLT
      • PSM
      • PSS
      • RFA
      • RFT
      • RML
      • RVT
      • SLDPRT
      • STL
    • รูปแบบไฟล์บีบอัด
      • รูปแบบไฟล์บีบอัด
      • 7Z
      • ACE
      • ALZ
      • APK
      • ARC
      • ARJ
      • B1
      • B6Z
      • BKF
      • BNDL
      • BZ2
      • DAA
      • DAR
      • DEB
      • DMG
      • DZ
      • ECS
      • FZPZ
      • GZ
      • GZIP
      • ICE
      • ISO
      • KGB
      • LBR
      • LQR
      • LZ
      • LZ4
      • LZH
      • LZMA
      • LZO
      • LZX
      • MBW
      • MINT
      • MPKG
      • MPQ
      • NPK
      • OAR
      • PAGES
      • PEA
      • PET
      • PF
      • PKG
      • PTK
      • PUP
      • RAR
      • RPM
      • RTE
      • S00
      • SIFZ
      • SIT
      • SITX
      • SY_
      • TAR
      • TBZ
      • TGS
      • TGZ
      • TPSR
      • TZ
      • VPK
      • WHL
      • WUX
      • XAPK
      • XAR
      • XPI
      • XZ
      • Z
      • ZIM
      • ZIP
      • ZIPX
      • ZL
    • ฐานข้อมูล
      • รูปแบบไฟล์ฐานข้อมูล
      • 4DB
      • 4DD
      • ACCDB
      • ACCDC
      • ACCDE
      • ACCDR
      • ACCDT
      • ACCDW
      • ACCFT
      • ADB
      • ADE
      • ADF
      • ADN
      • ADP
      • ALF
      • ANB
      • AQ
      • ASK
      • BAK
      • BCP
      • BTR
      • CDB
      • DACPAC
      • DAT
      • DB
      • DB3
      • DBC
      • DBF
      • DDL
      • DTSX
      • FMP12
      • FMPSL
      • FP5
      • FP7
      • GDB
      • ITW
      • LDF
      • LOG
      • MDB
      • MDF
      • MYI
      • NDF
      • NSF
      • SAV
      • SDF
      • SQL
      • SQLITE
      • TE
      • TRC
      • TRM
      • UDL
      • WDB
    • ดิสก์และสื่อ
      • รูปแบบดิสก์และไฟล์มีเดีย
      • BIN
      • CCD
      • CSO
      • CUE
      • GADGET
      • IMG
      • NKIT
      • NRG
      • OVA
      • OVF
      • ROM
      • SDI
      • Toast
      • UDF
      • VCD
      • VDI
      • VHD
      • VHDX
      • WBFS
      • WIM
      • WUD
    • รูปแบบไฟล์ EBook
      • รูปแบบไฟล์ EBook
      • ACSM
      • AEP
      • APNX
      • AVA
      • AZW
      • AZW1
      • AZW3
      • AZW4
      • BKK
      • BPNUEB
      • CBC
      • CBR
      • CBZ
      • CEB
      • CEBX
      • DNL
      • EA
      • EAL
      • EBK
      • EDN
      • EPUB
      • ETD
      • FB2
      • FKB
      • HAN
      • HTML0
      • HTMLZ
      • HTXT
      • HTZ4
      • HTZ5
      • IBOOKS
      • KFX
      • KOOB
      • LIT
      • LRF
      • LRS
      • LRX
      • MART
      • MBP
      • MOBI
      • NCX
      • NVA
      • OEB
      • OEBZIP
      • OPF
      • ORB
      • PHL
      • PML
      • PMLZ
      • POBI
      • QMK
      • RB
      • RZB
      • RZS
      • SNB
      • TCR
      • TK3
      • TPZ
      • TR
      • TR3
      • VBK
      • WEBZ
      • YBK
    • รูปแบบไฟล์อีเมล
      • รูปแบบไฟล์อีเมล
      • EDB
      • EML
      • EMLX
      • ICS
      • MBOX
      • MSG
      • OFT
      • OLM
      • OST
      • P7S
      • PST
      • RPMSG
      • TNEF
      • VCF
    • ดำเนินการได้
      • รูปแบบไฟล์ที่ปฏิบัติการได้
      • AHK
      • BAT
      • BTAPP
      • CGI
      • CMD
      • COM
      • EXE
      • IPA
      • MSI
      • MST
      • PIF
      • PYC
      • REG
      • WSF
      • WSH
      • XBE
      • XEX
    • การเงิน
      • รูปแบบไฟล์การเงิน
      • ABA
      • IXBRL
      • XBRL
    • แบบอักษร
      • รูปแบบไฟล์ฟอนต์
      • BDF
      • CFF
      • CFF2
      • EOT
      • FNT
      • FON
      • JFPROJ
      • MFX
      • OTF
      • PFA
      • PFB
      • PFM
      • SFD
      • TTC
      • TTF
      • Type1
      • WOFF
    • รูปแบบไฟล์เกม
      • รูปแบบไฟล์เกม
      • BMZ
      • BNS
      • CLIP
      • CON
      • CSD
      • CT
      • DEK
      • FOMOD
      • GAM
      • KODU
      • MCWORLD
      • MGX
      • PAK
      • PCC
      • PSS
      • PUP
      • PWF
      • REL
      • REP
      • RPX
      • SAV
      • SFAR
      • SID
      • U8
      • UMX
      • W3N
    • รูปแบบไฟล์ GIS
      • รูปแบบไฟล์ GIS
      • 000
      • 3D
      • 3DD
      • ADF
      • APL
      • APR
      • ATX
      • AUX
      • DEM
      • DIV
      • DLG
      • E00
      • ETA
      • FIT
      • GeoJSON
      • GLB
      • GMAP
      • GML
      • GPKG
      • GPX
      • IMG
      • KML
      • KMZ
      • LOC
      • MPS
      • NM2
      • NTF
      • OSM
      • QGD
      • QGS
      • QGZ
      • QLR
      • QML
      • SBN
      • SHP
      • SHX
      • SP3
      • SSF
      • TCX
    • รูปแบบไฟล์รูปภาพ
      • รูปแบบไฟล์ภาพ
      • AI
      • APNG
      • ART
      • AVIF
      • BMP
      • BPG
      • CDR
      • CLIP
      • CMX
      • CPC
      • CR2
      • CR3
      • CSL
      • CT
      • CUR
      • DCM
      • DCR
      • DCX
      • DDS
      • DIB
      • DICOM
      • DJVU
      • DNG
      • ECW
      • EMF
      • EMZ
      • EXIF
      • FLIF
      • FODG
      • GBR
      • GIF
      • HDR
      • HEIC
      • HEIF
      • ICNS
      • ICO
      • J2C
      • J2K
      • JFIF
      • JP2
      • JPC
      • JPEG
      • JPF
      • JPM
      • JPX
      • JXR
      • MNG
      • MP
      • MPO
      • NEF
      • ODG
      • OTG
      • PCT
      • PCX
      • PICT
      • PNG
      • PPP
      • PSB
      • PSD
      • PSP
      • PSPIMAGE
      • SKP
      • SVGZ
      • TGA
      • THM
      • TIFF
      • WEBP
      • WMF
      • WMZ
      • XPM
      • XPR
    • รูปแบบไฟล์อื่น ๆ
      • รูปแบบไฟล์เบ็ดเตล็ด
      • AML
      • ART
      • BUP
      • CMS
      • CTG
      • DAP
      • ENL
      • ERR
      • GPG
      • H4
      • H5
      • ICA
      • KLQ
      • LOCK
      • LRC
      • MD5
      • MSO
      • OBB
      • ODF
      • OGG
      • PES
      • RIS
      • RML
      • SSP
      • THM
      • TORRENT
      • VIM
      • VIMRC
      • XMP
      • XSMX
    • หมายเหตุการรูปแบบไฟล์
      • การจดบันทึกรูปแบบไฟล์
      • ONE
      • ONETOC2
    • ภาษาคำอธิบายหน้า
      • คำอธิบายหน้าภาษา
      • AVERY
      • CGM
      • EPS
      • INDD
      • INDT
      • OXPS
      • PCL
      • PS
      • SVG
      • SWF
      • TEX
      • XPS
      • XSLFO
    • ไฟล์ PDF
      • PDF
      • FDF
      • PDF/A
      • PDF/E
      • PDF/UA
      • PDF/VT
      • PDF/X
      • XFDF
    • รูปแบบไฟล์งานนำเสนอ
      • รูปแบบไฟล์นำเสนอ
      • KEY
      • ODP
      • OTP
      • POT
      • POTM
      • POTX
      • PPS
      • PPSM
      • PPSX
      • PPT
      • PPTM
      • PPTX
    • การเขียนโปรแกรม
      • การเขียนโปรแกรม
      • ABC
      • ACD
      • ADDIN
      • ADS
      • AGI
      • AIA
      • AIDL
      • ALB
      • AML
      • ANE
      • APA
      • APKS
      • APPX
      • APPXBUNDLE
      • APPXUPLOAD
      • APS
      • ARSC
      • AS
      • AS2PROJ
      • AS3PROJ
      • ASC
      • ASI
      • ASM
      • ASVF
      • AU3
      • AWK
      • C
      • CD
      • Class
      • CMAKE
      • CONFIG
      • CPP
      • CS
      • CSPROJ
      • CXX
      • Dart
      • DIFF
      • EGG
      • ERB
      • EX
      • G4
      • GO
      • GROOVY
      • H
      • HAML
      • HH
      • HS
      • HTA
      • ICI
      • IN
      • INC
      • IPR
      • JAR
      • Java
      • JRXML
      • JSP
      • JSPF
      • KT
      • LGO
      • LUA
      • M
      • MAKE
      • MEL
      • MF
      • ML
      • MM
      • MRC
      • MSIX
      • NUPKG
      • NUT
      • PAS
      • PDB
      • PDE
      • PHP
      • PL
      • PY
      • PYD
      • PYI
      • PYM
      • PYW
      • PYX
      • R
      • RBXL
      • RBXM
      • RES
      • RS
      • RST
      • SCALA
      • SCM
      • SCRIPT
      • SH
      • SLN
      • SWIFT
      • TCL
      • TOML
      • TS
      • UNITY
      • VB
      • VBPROJ
      • VBS
      • VCXPROJ
      • XSD
      • YAML
      • YML
      • YPR
    • รูปแบบไฟล์การจัดการโครงการ
      • รูปแบบไฟล์การจัดการโครงการ
      • MPP
      • MPT
      • MPX
      • P6XML
      • XER
    • รูปแบบไฟล์ของผู้เผยแพร่
      • รูปแบบไฟล์ของผู้จัดพิมพ์
      • PUB
      • PUZ
    • การรายงาน
      • การรายงานรูปแบบไฟล์
      • MAR
      • RDL
      • RDLC
      • RPL
      • RPT
    • รูปแบบไฟล์สเปรดชีต
      • รูปแบบไฟล์สเปรดชีต
      • 123
      • 12M
      • _XLS
      • _XLSX
      • AST
      • AWS
      • BKS
      • CELL
      • CSV
      • CTS
      • DEF
      • DEX
      • DFG
      • DIF
      • DIS
      • EFU
      • ESS
      • FCS
      • FM
      • FODS
      • FP
      • GNM
      • GNUMERIC
      • IMP
      • MAR
      • NB
      • NUMBERS
      • NUMBERS-TEF
      • ODS
      • OTS
      • PMD
      • PMDX
      • PMVX
      • SDC
      • STC
      • SXC
      • TMV
      • TMVT
      • TSV
      • XAR
      • XL
      • XLA
      • XLAM
      • XLM
      • XLR
      • XLS
      • XLSB
      • XLSM
      • XLSMHTML
      • XLSX
      • XLT
      • XLTHTML
      • XLTM
      • XLTX
    • รูปแบบไฟล์ระบบ
      • รูปแบบไฟล์ระบบ
      • AML
      • ASV
      • CAB
      • CFG
      • CPG
      • CPL
      • DLL
      • DMP
      • DRV
      • ETL
      • HDMP
      • INI
      • INS
      • LNK
      • MDMP
      • SCR
      • SYS
      • TMP
    • รูปแบบไฟล์วิดีโอ
      • รูปแบบไฟล์วิดีโอ
      • 3G2
      • 3GP
      • AMV
      • ARF
      • ASF
      • AVCHD
      • AVI
      • BIK
      • DAV
      • EXO
      • F4V
      • FLV
      • H264
      • H265
      • IDX
      • IFO
      • M2TS
      • M4S
      • M4V
      • MJPEG
      • MK3D
      • MKS
      • MKV
      • MOV
      • MP4
      • MPE
      • MPG
      • MPV
      • MTS
      • MXF
      • NSV
      • PZ
      • QT
      • RM
      • RMVB
      • RV
      • SEC
      • SRT
      • TS
      • VID
      • VOB
      • VP6
      • VP8
      • VP9
      • VTT
      • WEBM
      • WMV
      • XVID
    • รูปแบบไฟล์ Visio
      • รูปแบบไฟล์ Visio
      • VDW
      • VDX
      • VSD
      • VSDM
      • VSDX
      • VSS
      • VSSM
      • VSSX
      • VST
      • VSTM
      • VSTX
      • VSX
      • VTX
    • รูปแบบไฟล์เว็บ
      • รูปแบบไฟล์เว็บ
      • A4P
      • A5W
      • AAE
      • ADR
      • AEX
      • ALX
      • AN
      • AP
      • APKG
      • APPCACHE
      • ARO
      • ASA
      • ASAX
      • ASCX
      • ASHX
      • ASMX
      • ASP
      • ASPX
      • ASR
      • ATOM
      • ATT
      • AWM
      • BML
      • BOK
      • BR
      • BWP
      • CDF
      • CER
      • CFM
      • CFML
      • CHA
      • CHAT
      • CHM
      • CMS
      • CODASITE
      • CON
      • CRDOWNLOAD
      • CRL
      • CRT
      • CSHTML
      • CSP
      • CSR
      • CSS
      • DAP
      • DBM
      • DCR
      • DER
      • DHTML
      • DISCO
      • DISCOMAP
      • DML
      • DO
      • DOCHTML
      • DOCMHTML
      • DOTHTML
      • DOWNLOAD
      • DRAWIO
      • DWT
      • ECE
      • EDGE
      • EPIBRW
      • ESPROJ
      • EWP
      • FCGI
      • FMP
      • FREEWAY
      • FWP
      • FWTEMPLATE
      • FWTEMPLATEB
      • GDOC
      • GDOCX
      • GNE
      • GSP
      • HAR
      • HDM
      • HDML
      • HTACCESS
      • HTC
      • HTM
      • HTML
      • HTX
      • HXS
      • HYPE
      • JHTML
      • JNLP
      • JS
      • JSON
      • JSPA
      • KEY
      • KIT
      • LESS
      • MHT
      • MHTML
      • MJS
      • OBML
      • OBML15
      • OBML16
      • P7B
      • P7C
      • PAC
      • PART
      • PEM
      • PRO
      • RHTML
      • RJS
      • RSS
      • Sass
      • SCSS
      • SHTML
      • SPC
      • SSP
      • STC
      • STML
      • TPL
      • TS
      • URL
      • VDW
      • VRT
      • WBS
      • WEBBOOKMARK
      • WEBLOC
      • WEBSITE
      • WHTT
      • WSDL
      • XAML
      • XD
      • XHT
      • XHTML
      • XML
      • XOJ
      • XOML
      • XSLT
      • XUL
      • ZUL
    • รูปแบบไฟล์ประมวลผลคำ
      • รูปแบบไฟล์ประมวลผลคำ
      • ASD
      • DOC
      • DOCM
      • DOCX
      • DOT
      • DOTM
      • DOTX
      • DSC
      • FAQ
      • FODT
      • IPYNB
      • LATEX
      • LTX
      • MAN
      • MD
      • ODM
      • ODT
      • OTT
      • QBL
      • QPF
      • RTF
      • TXT
      • WPD
      • WPS
    1. บ้าน
    2. รูปแบบไฟล์เว็บ
    3. Sass

    What's on this Page

      • ไฟล์ SASS คืออะไร??
      • ทำไมต้องใช้ Sass
      • วิธีใช้ไฟล์ SASS
        • แปลงครั้งเดียว
        • เฝ้าดูการเปลี่ยนแปลง
      • ไวยากรณ์ Sass
        • ตัวแปร
        • การทำรัง
        • มิกซ์
        • ขยาย
        • นำเข้า
      • อ้างอิง

    ไฟล์ SASS คืออะไร??

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

    ทำไมต้องใช้ Sass

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

    วิธีใช้ไฟล์ SASS

    ไฟล์ SASS ไม่ได้รวมอยู่ในเอกสาร HTML โดยตรง แต่จะถูกแปลงเป็นไฟล์ CSS ที่รวมอยู่ในไฟล์ HTML คุณสามารถติดตั้ง Sass ในระบบของคุณได้โดยทำตามคำแนะนำที่ให้ไว้ใน [เว็บไซต์ Sass อย่างเป็นทางการ] (https://sass-lang.com/install)

    Sass อาจถูกแปลงเป็น CSS โดยการแปลงไฟล์ SASS ที่บันทึกไว้แล้ว หรือโดยการเฝ้าดูการเปลี่ยนแปลงและแปลงเมื่อบันทึกไฟล์ คำสั่งสำหรับทั้งสองได้รับด้านล่าง

    แปลงครั้งเดียว

    พารามิเตอร์แรกของคำสั่งคือไฟล์ SASS ต้นทาง และพารามิเตอร์ที่สองคือไฟล์ CSS เอาต์พุต

    sass main.sass main.css
    

    เฝ้าดูการเปลี่ยนแปลง

    คำสั่งดังกล่าวสามารถรันได้ด้วยแฟล็ก watch เพิ่มเติมที่ทำให้คำสั่งทำงานต่อไป และทันทีที่บันทึกไฟล์ Sass เอาต์พุต CSS จะถูกสร้างขึ้น

    sass --watch main.sass main.css
    

    ไวยากรณ์ Sass

    Sass รองรับตัวแปร, การซ้อน, มิกซ์อิน, อิมพอร์ต, การสืบทอดตัวเลือก ฯลฯ ด้านล่างนี้เป็นตัวอย่างของคุณสมบัติเหล่านี้

    ตัวแปร

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

    สัส

    $primary-color: #47dff0
    $secondary-color: darken($primary-color, 50%)
    $margin: 16px
    
    .highlight
        border-color: $primary-color
        color: $secondary-color
    
    h1
        span
            margin: $margin / 2
        color: $secondary-color
    

    สร้าง CSS

    .highlight {
      border-color: #47dff0;
      color: #042f34;
    }
    
    h1 {
      color: #042f34;
    }
    h1 span {
      margin: 8px;
    }
    

    การทำรัง

    ตัวเลือก CSS สามารถซ้อนกันคล้ายกับลำดับชั้นของ HTML ในตัวอย่างต่อไปนี้ สแปนซ้อนอยู่ภายในบล็อก h1

    สัส

    $primary-color: #47dff0
    $secondary-color: darken($primary-color, 50%)
    $margin: 16px
    
    .highlight
        border-color: $primary-color
        color: $secondary-color
    
    h1
        span
            margin: $margin / 2
        color: $secondary-color
    

    สร้าง CSS

    .highlight {
      border-color: #47dff0;
      color: #042f34;
    }
    
    h1 {
      color: #042f34;
    }
    h1 span {
      margin: 8px;
    }
    

    มิกซ์

    มิกซ์อินใช้เพื่อจัดกลุ่มคุณสมบัติที่คล้ายกันเข้าด้วยกันซึ่งใช้ในหลายแห่ง มิกซ์อินยังรองรับพารามิเตอร์อีกด้วย

    สัส

    ประกาศผสม

    // Simple
    =error-text
        color: red
        font-size: 25px
        font-weight: bold
        border: 1px solid black
        padding: 10px
    
    // With Parameter
    =message-text($color)
        color: $color
        font-size: 25px
        font-weight: bold
        border: 1px solid black
        padding: 10px
    

    ใช้มิกซ์อิน

    .error
        +error-text()
    
    .success
        +message-text(green)
    
    .info
        +message-text(blue)
    

    สร้าง CSS

    .error {
      color: red;
      font-size: 25px;
      font-weight: bold;
      border: 1px solid black;
      padding: 10px;
    }
    
    .success {
      color: green;
      font-size: 25px;
      font-weight: bold;
      border: 1px solid black;
      padding: 10px;
    }
    
    .info {
      color: blue;
      font-size: 25px;
      font-weight: bold;
      border: 1px solid black;
      padding: 10px;
    }
    

    ขยาย

    การขยาย/การสืบทอดสามารถพิสูจน์ได้ว่ามีประโยชน์ในกรณีที่จำเป็นต้องแชร์คุณสมบัติของตัวเลือกหนึ่งกับตัวเลือกอื่น ในตัวอย่างด้านล่าง ตัวเลือก .error-notice ใช้คุณสมบัติทั้งหมดของตัวเลือก .error-text และเพิ่มคุณสมบัติเส้นขอบและการเติม

    สัส

    .error-text
        color: red
        font-size: 25px
        font-weight: bold
    
    .error-notice
        @extend .error-text
        border: 1px solid black
        padding: 10px
    

    สร้าง CSS

    .error-text, .error-notice {
      color: red;
      font-size: 25px;
      font-weight: bold;
    }
    
    .error-notice {
      border: 1px solid black;
      padding: 10px;
    }
    

    นำเข้า

    การนำเข้าอาจมีประโยชน์หากคุณจัดโครงสร้างสไตล์ของคุณเป็นไฟล์ต่างๆ ตามฟังก์ชันการทำงานหรือโครงสร้างอื่นๆ ที่คุณปฏิบัติตาม คุณสามารถนำเข้าไฟล์ทั้งหมดเหล่านี้ในไฟล์ SASS หลักที่แปลงเป็น CSS ในภายหลัง ขณะนำเข้า คุณไม่จำเป็นต้องระบุนามสกุลไฟล์ในคำสั่งนำเข้า Sass รวบรวมไฟล์ SASS ทั้งหมดโดยตรง หากต้องการหลีกเลี่ยงการคอมไพล์ไฟล์อิมพอร์ตโดยตรง คุณสามารถทำให้ไฟล์เหล่านี้บางส่วนได้โดยเพิ่มเครื่องหมายขีดล่าง (_) ที่จุดเริ่มต้นของชื่อไฟล์ นำเข้าบางส่วนคล้ายกับไฟล์ Sass ทั่วไป

    สัส

    @import "variables"
    @import "header-styles"
    @import "footer-styles"
    

    CSS เอาต์พุตจะมีสไตล์จากไฟล์ที่นำเข้าทั้งหมด

    อ้างอิง

    • Sass - วิกิพีเดีย
    • Sass

    See Also

    • รูปแบบไฟล์ SCSS - Sass Cascading Style Sheet,
    • รูปแบบไฟล์ CSS,
    • รูปแบบไฟล์ F4V,
    • รูปแบบไฟล์ JSON - ไฟล์ JSON คืออะไร,
    • รูปแบบไฟล์ KT,
     
     ไทย
    Close
     English
     Deutsch
     日本
     中文
     русский
     Français
     한국인
     Español
     Italiano
     Nederlands
     हिन्दी
     Indonesian
     Português
     عربي
     Türkçe
     Ελληνικά
     עִברִית
     Svenska
     українська
     Tiếng Việt
     български
     Magyar
     čeština
     Română
     Polski