CSS（層疊樣式表）是一種用于描述文檔（HTML、XML等）展現樣式的語言。在CSS中，我們使用CSS對象來訪問我們頁面的樣式。

var styles = document.styleSheets[0].cssRules;
var firstStyle = styles[0].style;

在上面的代碼中，我們首先獲取了當前文檔中第一個樣式表，并從中獲取了所有規則。接著，我們取得了其中第一個規則，并從中獲取了其對應的樣式對象。

通過樣式對象，我們可以修改其對應的元素的樣式。以下是一些常見的樣式屬性：

firstStyle.color = "red"; // 修改文字顏色為紅色
firstStyle.background-color = "blue"; // 修改背景顏色為藍色
firstStyle.font-size = "16px"; // 修改字體大小為16像素

在修改樣式時，我們需要注意以下幾點：

• 樣式屬性在JavaScript中需要使用駝峰式命名，如“background-color”應該寫為“backgroundColor”
• 顏色值需要使用正確的格式，如紅色應該寫為“red”而不是“#FF0000”
• 在修改樣式時，可能會出現重繪的情況，這可能會影響性能，因此應該盡可能避免頻繁修改樣式。

CSS對象下的第一個對象是一個樣式表規則，我們可以通過其樣式對象來修改對應元素的樣式。當然，CSS對象還有許多其他的用途，我們可以根據自己的需求來使用。