在JavaScript中，我們可以使用原生JavaScript來編寫CSS樣式，雖然JavaScript主要用于處理交互和動(dòng)態(tài)內(nèi)容，但它也可以用來操作樣式表，下面是一些基本的示例，說明如何使用原生JavaScript來編寫CSS樣式。

1、直接設(shè)置樣式：

你可以直接在JavaScript中設(shè)置元素的樣式，如果你想將一個(gè)元素的背景顏色設(shè)置為紅色，可以這樣做：

document.getElementById('myElement').style.backgroundColor = 'red';

2、添加CSS類：

在JavaScript中，你可以使用classList屬性來添加、移除或切換元素的CSS類。

document.getElementById('myElement').classList.add('myClass');

3、操作CSS偽類：

JavaScript也可以用來操作元素的偽類，如果你想為元素添加:hover偽類效果，可以這樣做：

document.getElementById('myElement').style.transition = 'background-color 0.5s';
document.getElementById('myElement').style.backgroundColor = 'red';
document.getElementById('myElement').style.':hover': {backgroundColor: 'blue'};

4、使用styleSheet：

在較新的瀏覽器中，你可以使用styleSheet屬性來操作樣式表，你可以創(chuàng)建一個(gè)新的樣式表，或者添加、移除規(guī)則：

var styleSheet = document.styleSheets[0]; // 獲取***個(gè)樣式表
var rule = styleSheet.insertRule('body {background-color: red}', 0); // 在樣式表中添加規(guī)則

使用JavaScript直接編寫CSS樣式可能不如使用CSS文件或預(yù)處理器（如Sass或Less）那樣靈活和高效，對(duì)于簡(jiǎn)單的樣式調(diào)整或動(dòng)態(tài)內(nèi)容的需求，JavaScript提供了一種方便的方法。