DOM，即文档对象模型（Document Object Model），是用于网页操作和动态化的一种 API。在 CSS 中，DOM 也是非常重要的一部分。它代表着整个网页的结构，是如何展示网页的灵魂。

/* 给某个元素添加样式 */
document.querySelector('p').style.color = 'red';

上面的代码演示了如何使用 DOM 来修改某个元素的样式。通过选择器选中想要修改的元素，然后设置它的样式属性即可。这种方式不仅能够简单地处理样式，还能够动态地修改 DOM 的结构。

/* 动态修改 DOM 结构 */
let newElement = document.createElement('div');
newElement.textContent = 'Hello World';
document.body.appendChild(newElement);

上面的代码演示了如何使用 DOM 创建一个新的元素，并添加到网页中。.createElement() 方法用于创建一个新的元素，设置元素的文本内容和属性后，调用 .appendChild() 方法将元素添加到指定的父元素中。

总之，DOM 在 CSS 中的作用是不可或缺的，它让我们能够动态地修改网页结构和样式，让网页更加丰富和生动。