在網(wǎng)頁(yè)開(kāi)發(fā)中，有時(shí)候需要通過(guò)JavaScript動(dòng)態(tài)改變?cè)氐臉邮健５怯行r(shí)候我們也需要移除元素某個(gè)特定的樣式，并且不影響其他的樣式。這時(shí)候，可以使用AJAX來(lái)移除CSS單個(gè)樣式。

function removeCSSStyle(selector, style) {
var elements = document.querySelectorAll(selector);
for (var i = 0; i< elements.length; i++) {
var styleValue = elements[i].style[style];
if (styleValue) {
elements[i].style[style] = null;
var cssText = elements[i].style.cssText;
var xhr = new XMLHttpRequest();
xhr.open('POST', 'removeCSSStyle.php', true);
xhr.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
xhr.send('selector=' + encodeURIComponent(selector) + '&style=' + encodeURIComponent(style) + '&value=' + encodeURIComponent(styleValue) + '&cssText=' + encodeURIComponent(cssText));
}
}
}

上述代碼中，removeCSSStyle()函數(shù)通過(guò)傳入選擇器和樣式名稱來(lái)找到對(duì)應(yīng)的元素，并獲取到要移除的樣式的值。然后，通過(guò)將該樣式設(shè)置為null來(lái)移除該樣式。接著，使用Ajax發(fā)送POST請(qǐng)求到服務(wù)器，向服務(wù)器傳遞選擇器、樣式名稱、樣式值和CSS文本信息。

在服務(wù)器端，可以使用PHP腳本來(lái)接收AJAX請(qǐng)求，并從文檔中移除指定的樣式。下面是一個(gè)簡(jiǎn)單的PHP腳本：

$selector = $_POST['selector'];
$style = $_POST['style'];
$value = $_POST['value'];
$cssText = $_POST['cssText'];
$doc = new DOMDocument();
$doc->loadHTMLFile('index.html');
$xpath = new DOMXPath($doc);
$query = $xpath->query($selector);
foreach ($query as $node) {
$styleValue = $node->getAttribute('style');
$newStyleValue = str_replace($style . ': ' . $value . ';', '', $styleValue);
if (empty($newStyleValue)) {
$node->removeAttribute('style');
} else {
$node->setAttribute('style', $newStyleValue);
}
}
$doc->saveHTMLFile('index.html');

在上述PHP代碼中，首先獲取到從客戶端傳遞過(guò)來(lái)的選擇器、樣式名稱、樣式值和CSS文本信息。然后，使用DOMDocument和DOMXPath來(lái)加載HTML文件，并通過(guò)XPath查詢到所有匹配的元素。接著，使用getAttribute()函數(shù)獲取元素的style屬性值，并使用str_replace()函數(shù)來(lái)移除指定的樣式。如果style屬性值為空，則將其從元素中移除。最后，使用saveHTMLFile()函數(shù)將更改后的HTML文檔保存回文件中。

使用AJAX移除CSS單個(gè)樣式需要比較復(fù)雜的代碼實(shí)現(xiàn)，但是這種方法能夠很好地實(shí)現(xiàn)與服務(wù)器的通信，從而更加靈活地控制網(wǎng)頁(yè)元素的樣式。在實(shí)際開(kāi)發(fā)中，可以根據(jù)具體需求進(jìn)行調(diào)整和優(yōu)化。