使用:root选择器时margin属性失效，是否存在操作错误？

你没有操作失误，但对:root选择器的属性继承逻辑存在误解：

• :root在CSS中对应HTML文档的<html>根元素，你设置的样式只会直接作用于这个根元素本身。
• color、font-family属于可继承CSS属性，页面内的子元素（比如<p>、<button>）会自动继承根元素的这些样式；但margin是不可继承属性，不会传递给子元素，所以你看不到页面其他元素的margin变化。
• 如果你想给页面所有元素统一设置margin: 0，需要使用通配符选择器*，它会匹配页面内所有元素。

修正后的CSS代码示例 #

/* 给所有元素设置margin:0 */
* {
  margin: 0;
}

/* 根元素的可继承样式保持不变 */
:root {
  color: red;
  font-family: Arial;
}

另外补充：你参考的教程中关于:root设置margin的示例，应该是针对根元素自身的样式调整（比如消除<html>的默认margin），而非作用于所有子元素。

内容的提问来源于stack exchange，提问作者kenny