Sass括號混合

括號是對其通過圓括號()或方括號[],它提供符號邏輯影響操作的順序,通常都標示了標誌。

示例

下面的例子演示了SCSS文件中使用括號:

字符串操作符 - [www.yiibai.com](http://www.yiibai.com%3C/title%3E)

Example using Sass Parentheses

SASS stands for Syntactically Awesome Stylesheet..

接下來創建了一個文件:style.scss.

style.scss

p {
font-size: 5px + (6px * 2);
color:#ff0000;
}

可以告訴SASS監視文件,並隨時使用下面的命令更新SASS文件修改CSS:

sass --watch C:\Ruby22-x64\style.scss:style.css

接着執行上面的命令,它會自動創建style.css文件,下面的代碼:

style.css

p {
font-size: 17px;
color: #ff0000;
}

執行輸出

讓我們來執行以下步驟,看看上面的代碼工作:

  • 保存上述的HTML代碼到parentheses_example.html文件。

  • 在瀏覽器中打開該HTML文件,輸出如下得到顯示。

Sass括號混合