blob: 477555d4a879733e2a3c04254ab900947d943dde (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
|
---
title: CSS preprocessor (CSS プリプロセッサー)
slug: Glossary/CSS_preprocessor
tags:
- CSS
- Glossary
- 用語集
translation_of: Glossary/CSS_preprocessor
---
<p><span class="seoSummary"><strong>CSS プリプロセッサー</strong> は、プリプロセッサー独自の {{Glossary("syntax","構文")}} で {{Glossary("CSS")}} を生成するプログラムです。</span> CSS プリプロセッサーには多くの種類がありますが、ほとんどの CSS プリプロセッサーは、純粋な CSS には無い、ミックスイン、セレクターの入れ子、セレクターの継承などの機能を追加しています。これらの機能によって、 CSS の可読性や保守性が向上します。</p>
<p>CSS プリプロセッサーを使うためには、 CSS コンパイラーをウェブ{{Glossary("server", "サーバー")}}にインストールするか、 CSS プリプロセッサーを使用して開発環境でコンパイルしてから、コンパイル済みの CSS ファイルをウェブサーバーにアップロードする必要があります。</p>
<section id="Quick_links">
<ol>
<li>有名な CSS プリプロセッサーの例
<ol>
<li><a href="http://sass-lang.com/">Sass</a></li>
<li><a href="http://lesscss.org/">LESS</a></li>
<li><a href="http://stylus-lang.com/">Stylus</a></li>
<li><a href="http://postcss.org/">PostCSS</a></li>
</ol>
</li>
<li><a href="/ja/docs/Glossary">MDN Web Docs 用語集</a>
<ol>
<li>{{Glossary("CSS")}}</li>
</ol>
</li>
</ol>
</section>
|
