最近在大佬們的技術分享中了解到了“換膚”這個酷炫的特效，于是一試芳華。而在簡書上換膚也是十分簡單的，只需要利用CSS就能輕松實現(xiàn)。接下來，讓我們一起來看看簡書CSS換膚的實現(xiàn)方法。
/* 簡書灰色主題 */
body {
background-color: #f8f8f8;
color: #333;
}
/* 簡書黑色主題 */
body[data-theme='night'] {
background-color: #000;
color: #fff;
}
/* 簡書藍色主題 */
body[data-theme='blue'] {
background-color: #007fff;
color: #fff;
}首先，在CSS中需要定義三個主題，包括灰色、黑色和藍色。在上述代碼中，我們使用了“body[data-theme='xxx']”的格式，來選擇不同的主題。這里的“data-theme”屬性是在HTML文檔中通過JS動態(tài)插入的。
<body data-theme="default">
...
</body>其次，在HTML文檔中需要插入一個帶有“data-theme”屬性的元素，用于控制主題的切換。在代碼中，“default”表示默認主題，也就是灰色主題。
$('[data-theme]').on('click', function() {
var theme = $(this).data('theme');
$('body').attr('data-theme', theme);
});最后，我們需要為有“data-theme”屬性的元素添加點擊事件，通過JS動態(tài)改變“data-theme”的屬性值來實現(xiàn)主題的切換。其中，data()函數(shù)用于獲取“data-theme”屬性的值，attr()函數(shù)用于動態(tài)改變屬性值。
通過以上幾個步驟，我們就可以在簡書上實現(xiàn)簡單的CSS換膚了。不僅可以提升用戶體驗，還能夠增加網(wǎng)站的特色。快來試試吧！