DIV CSS 佈局教程網

在之前“Sass數據類型”這一節我們知道，CSS有2種字符串類型：（1）有引號字符串；（2）無引號字符串。

在Sass中，我們可以使用“+”（加號）來實現字符串的拼接。對於字符串的連接，我們分為3種情況來考慮：

• （1）如果左右兩個字符串都是有引號的，結果是一個有引號的字符串；
• （2）如果左邊字符串是有引號的，右邊字符串是沒有引號的，結果是一個有引號的字符串；
• （3）如果左邊字符串是沒有引號的，右邊字符串是有引號的，結果是一個沒有引號的字符串；

一句話概括：結果字符串是否有引號，取決於左邊字符串是否有引號。

舉例：

 
div::before
{
    content: "Welcome to " + lvyestudy;
    font:sans- + "serif";
}

編譯出來的CSS代碼如下：

 
div:before 
{
    content: "Welcome to lvyestudy";
    font: sans-serif;
}

分析：

Sass之所以會引入2種字符串，也是為了與CSS的語法一致。