blob: b450a2dea902c7f995a2666b305e2468f09adebb (
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
|
---
title: CSS 預處理器
slug: Glossary/CSS_preprocessor
translation_of: Glossary/CSS_preprocessor
---
<p><span class="seoSummary"><strong>CSS 預處理器</strong>是個能透過該預處理器語法，產生純 {{Glossary("CSS")}} 的程式。</span>CSS 預處理器有很多選擇，不過大多數的 CSS 預處理器都會添加純 CSS 所沒有的功能，例如：mixin、巢狀選擇器、繼承選擇器等。這些功能會令 CSS 結構的可讀性更高、也更容易維護。</p>
<p>要使用 CSS 預處理器，你需要在{{Glossary("伺服器")}}安裝 CSS 編譯器，或是在開發環境透過 CSS 預處理器編譯後，上傳編譯好的 CSS 到伺服器。</p>
<section class="Quick_links" 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="/en-US/docs/Glossary">MDN 術語表</a>
<ol>
<li>{{Glossary("CSS")}}</li>
</ol>
</li>
</ol>
</section>
|
