CSS是網頁設計中非常重要的一部分，而在網頁設計中，經常會需要調用JavaScript函數來實現一些特定的功能。那么，如何在CSS中調用JavaScript函數呢？

其實，CSS是無法直接調用JavaScript函數的，但是可以通過使用偽元素和屬性選擇器的方式來觸發JavaScript函數的執行。

首先需要在HTML中定義一個按鈕，同時給這個按鈕添加一個ID屬性，如下所示：

<button id="btn">點擊按鈕</button>

接下來，就可以在CSS中使用偽元素和屬性選擇器來調用JavaScript函數了。以調用alert()函數為例：

#btn::before {
content: attr(onclick); 
}

在這個例子中，使用屬性選擇器來選擇ID為“btn”的按鈕，同時使用偽元素“::before”來將按鈕的onclick屬性設置為content屬性的值，值即為要執行的JavaScript函數。在這種情況下，當點擊按鈕時，就會觸發調用JavaScript函數。

需要注意的是，為了避免安全問題和代碼注入問題，在CSS中調用JavaScript函數時一定要謹慎，確保函數的來源可信。