[解決済み] SCSSとSassの違いは何ですか?
質問
私が読んだ限りでは、Sassは変数と数学のサポートでCSSをより強力にする言語です。
SCSSと何が違うの?同じ言語ということになるのでしょうか。似てますか?違うの?
解決方法は?
Sassは、構文を進化させたCSSプリプロセッサです。高度な構文のスタイルシートは、プログラムによって処理され、通常の CSS スタイルシートになります。しかし、それらは ではなく はCSS規格そのものを拡張しています。
CSS 変数はサポートされており、利用することができますが、プリプロセッサー変数ほどではありません。
SCSSとSassの違いについては、このテキスト上の Sass ドキュメントページ が答えになるはずです。
<ブロッククオート
Sassには2つの構文が用意されています。1 つは
SCSS (Sassy CSS)
であり、このリファレンス全体を通して使用されている
CSS の構文を拡張したもの
. これは、すべての有効なCSSスタイルシートは、同じ意味を持つ有効なSCSSファイルであることを意味します。この構文は、以下に説明するSassの機能によって強化されています。この構文を使用するファイルには
.scss
という拡張子を持ちます。
2つ目と
古い構文
として知られています。
indented syntax (or sometimes just “Sass”)
は、CSS をより簡潔に記述する方法を提供します。それは
は括弧ではなくインデントを使用します。
はセレクタのネストを示し
セミコロンではなく改行
でプロパティを区切ります。この構文を使っているファイルには
.sass
という拡張子を持つ。
しかし
all this works only with the Sass pre-compiler
というのは、最終的にCSSを作成する。CSSの規格そのものを拡張するものではありません。
関連
-
[css3] CSS3を使ってヘッダーアニメーション効果を作成する
-
[解決済み] CSSとSCSSの違いは何ですか?
-
[解決済み] CSSのdisplayプロパティで遷移する
-
[解決済み] visibility:hiddenとdisplay:noneの違いは何ですか?
-
[解決済み] CSSは常にJavascriptより優先されるべきか?
-
[解決済み] CSSのクラスは、1つまたは複数の他のクラスを継承することができますか?
-
[解決済み] SCSSファイル内に通常のCSSファイルをインポートする?
-
[解決済み] Sass .scss: ネストと複数クラス?
-
[解決済み】idとclassの違いって何?
-
[解決済み] CompassとSassとはどのようなもので、どのように違うのですか?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[CSSチュートリアル]CSSで簡単!高周波な異形ボタンを実現する方法
-
[CSSチュートリアル】Pure CSSカスタム複数行抜け問題(原理から実装まで)
-
[CSSチュートリアル]CSSは、2列のレイアウト、固定幅の左側、適応するためのさまざまな方法の右側を達成するために
-
[CSSチュートリアル]css display table adaptive height, widthの問題解決
-
[CSSチュートリアル】パララックススクロールの効果を完成させるCSS
-
[CSSチュートリアル】ネイティブCSSでテキストの無制限回転を実現する汎用的な方法
-
[CSSチュートリアル】CSSで炎のエフェクトを記述する方法
-
[CSSチュートリアル】ピュアCSSで実装した通知バーの3種類のスクロール効果
-
[css3]CSS3遷移回転遠近法2D3Dアニメーションなどの効果を持つサンプルコード
-
[解決済み] CSSとSCSSの違いは何ですか?