CSS伪类，如：hover等是否操纵DOM？

Question

我只是好奇这是否正确，因为使用CSS伪类可以更改HTML对象中的某些属性。

Answer 1

当您将鼠标悬停在带有：hover伪类的元素上时，它不会对DOM节点进行任何更改。浏览器仅检测到您正在悬停并更改所应用的样式。

Answer 2

您可以说HTML是演示性的...向用户显示数据或视图。 HTML指定了DOM树的形成方式。

然后您可以说CSS更具呈现性。它只是说明DOM中的元素的外观。因此，对于<span class="validation-notice">Please enter a user name</span>，字体应该多大，以及使用什么字体。

对于:hover，它可以使背景具有不同的颜色，或在文本上添加下划线。这些也仅用于显示元素的外观，但是元素（DOM元素）未更改。

Answer 3

CSS无法更改DOM（包括伪类）。使用css content property，您可以在标签内容之前和之后添加文本，但不能在content属性中添加html。例如您无法执行content: "<h1>foo</h1>";。因此，不可能更改DOM或DOM对象的属性。