在網頁開發中，CSS（Cascading Style Sheets）用于設置頁面的樣式，包括字體、顏色、布局等等。而JavaScript（JS）用于頁面的交互和動態效果。那么，CSS里可以寫JS嗎？
答案是可以。雖然CSS和JS是兩種不同的技術，但是它們都是用于網頁開發的，所以它們之間可以相互調用。
/* 在CSS中調用JS的方式如下 */
.selector {
/* 在屬性值中使用JS代碼 */
width: calc(100% - ${5 * 2}px); /* 使用JS計算寬度 */
/* 調用偽類和偽元素的content屬性中使用JS代碼 */
content: url('https://some-image-url') attr(data-custom-attr) ' (' + ${new Date().toLocaleTimeString()} + ')'; /* 使用JS動態生成內容 */
}在上面的示例中，我們可以看到在CSS中使用了calc()函數和content屬性，并在其中嵌入了JS代碼。其中，calc()函數用于計算寬度，而content屬性則用于在頁面上動態生成內容。
當然，在CSS中使用JS也有一些限制。首先，僅部分屬性可以在屬性值中使用JS；其次，JS是在客戶端執行的，而CSS是在服務器端產生的，因此CSS中的JS只能影響客戶端而不能影響服務器端。
此外，在CSS中使用JS還有一些安全隱患。由于CSS中的JS是在客戶端執行的，因此可能會受到一些安全攻擊，例如跨站腳本攻擊（XSS）。因此，在使用CSS中的JS時，一定要注意安全問題。
總之，在CSS中使用JS的確是可行的，但需要注意一些限制和安全隱患，以避免不必要的麻煩。
上一篇js css標簽點擊事件
下一篇css里去掉a標簽下劃線