ホームページ  >  記事  >  ウェブフロントエンド  >  scssとは何ですか?

scssとは何ですか?

青灯夜游
青灯夜游オリジナル
2020-12-16 17:07:3818959ブラウズ

Sass は成熟した、安定した、強力な CSS プリプロセッサです。Sass のアップグレードされたバージョンです。その構文は CSS3 と完全に互換性があり、Sass の強力な機能を継承しています。標準の CSS3 スタイルシートはすべて、同じセマンティクスを持つ有効な SCSS ファイルです。

scssとは何ですか?

(推奨チュートリアル: CSS ビデオ チュートリアル)

Scss とは

Scss は、Sass 3 によって導入された新しい構文です。これは Sassy CSS の略語であり、CSS3 構文のスーパーセットです。つまり、有効な CSS3 スタイルはすべて Sass にも適しています。端的に言えば、Scss は Sass のアップグレード版であり、その構文は CSS3 と完全に互換性があり、Sass の強力な機能を継承しています。つまり、標準の CSS3 スタイルシートはすべて、同じセマンティクスを持つ有効な SCSS ファイルです。さらに、SCSS は、ほとんどの CSS ハック (一部の CSS トリック) や、古い IE フィルター構文などのブラウザー固有の構文も認識できます。

Scss は CSS の拡張機能であるため、CSS で適切に動作するコードはすべて Scss でも適切に動作します。言い換えれば、Sass ユーザーの場合、Scss を完全に理解するには、Sass 拡張機能がどのように機能するかを理解するだけで済みます。変数、親参照、ディレクティブなどのほとんどの拡張機能は同じですが、唯一の違いは、SCSS では改行やインデントの代わりにセミコロンや中括弧が必要であることです。

Scss と Sass の類似点と相違点

Sass と Scss は実際には同じものです。通常は Sass と呼ばれます。この 2 つの主な違いは次の 2 つです。ポイント:

1. ファイル拡張子が異なります。Sass では拡張子として「.sass」が使用されますが、Scss では拡張子として「.scss」が使用されます。

2. 文法の記述方法が異なります。Sass は中括弧 ({}) やセミコロン (;) を使用しない厳密なインデント文法規則で記述されますが、Scss の文法記述は CSS と同じです。非常に似たような書き方で書かれています。

プログラミング関連の知識について詳しくは、プログラミング学習をご覧ください。 !

以上がscssとは何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。