在CSS中使用偽元素::before和::after常常用到字符串，而字符串可以用單引號或雙引號括住。不過，有時候我們需要在字符串中使用單引號或雙引號，這時我們可以采用轉義字符來實現。

.example::before{
content: "I said, 'hello world!'";
}
.example::after{
content: 'She said, "hi there!"';
}

在上面的代碼中，我們在字符串中使用了單引號和雙引號，此時如果我們使用同樣的引號作為括住字符串的符號，就會出現語法錯誤。這時，我們可以使用反斜杠(\)來轉義引號。

.example::before{
content: 'I said, \'hello world!\'';
}
.example::after{
content: "She said, \"hi there!\"";
}

同樣的方式也適用于在HTML標簽中使用字符串。

<button onclick="alert(\'Hello World!\')">Click Me!</button>

使用反斜杠來轉義引號，是解決字符串中使用引號問題的常見方法，可以幫助我們在CSS和HTML中更好地表達我們想要的樣式和功能。