基于类的目标HTML背景

Question

我的目标：

使用css选择基于类的两个不同选择器的html标记。

我的问题：

似乎在CSS上也不能用类来选择HTML标记。

我尝试过的：

备选案文1：

.light-theme html {
  background: #fff;
}
.dark-theme html {
  background: #000;
}

备选案文2：

html .light-theme {
  background: #fff;
}
html .dark-theme {
  background: #000;
}

备选方案3(破解原始问题：

.light-theme {
  background: #fff;
}
.dark-theme {
  background: #000;
}

My结果：

备选案文1和选项2在选项3正常工作时不工作，但从不将选项3作为选择器。

我的问题：

是否可以使用类作为使用css的html标记的css选择器？

Answer 1

html.light-theme {
  background: #fff;
}
html.dark-theme {
  background: #000;
}

html.light-theme的意思是使用类light-theme选择html标记。