在JS中寫CSS偽元素，可以通過操作CSSStyleSheet對象來實現(xiàn)，具體步驟如下：

1、創(chuàng)建一個CSSStyleSheet對象。

2、添加一個樣式規(guī)則，該規(guī)則包含偽元素的樣式信息。

3、應(yīng)用該樣式規(guī)則到指定的HTML元素上。

假設(shè)我們想要為一個div元素添加一些樣式，可以使用以下代碼：

var styleSheet = document.styleSheets[0]; // 獲取***個CSSStyleSheet對象
var rule = styleSheet.insertRule(':before { content: "This is a pseudo-element"; }', styleSheet.length); // 插入一個偽元素樣式規(guī)則
var div = document.createElement('div'); // 創(chuàng)建一個div元素
div.style.position = 'relative'; // 確保div元素有相對定位
var pseudoElement = document.createElement(':before'); // 創(chuàng)建一個偽元素
div.appendChild(pseudoElement); // 將偽元素添加到div元素中
document.body.appendChild(div); // 將div元素添加到文檔中

這段代碼會創(chuàng)建一個div元素，并在其前面添加一個偽元素，該偽元素的內(nèi)容為"This is a pseudo-element"，注意，這里的":before"是一個偽元素選擇器，它表示在元素內(nèi)容之前插入內(nèi)容。

除了":before"偽元素，CSS還支持其他類型的偽元素，如":after"表示在元素內(nèi)容之后插入內(nèi)容，":first-line"表示對文本的***行進行樣式設(shè)置等，這些偽元素都可以通過在JS中操作CSSStyleSheet對象來實現(xiàn)樣式的添加和應(yīng)用。