id选择器不工作，但类选择器工作。在选择器中使用变量

问题：id选择器不工作，但类选择器工作。在选择器中使用变量。

回答： id选择器不工作的可能原因有以下几点：

使用了相同id值的元素：在HTML文档中，id应该是唯一的，不能有相同的id值。如果多个元素使用了相同的id值，浏览器只会选择第一个匹配的元素，导致其他相同id值的元素无法被选中。
CSS选择器优先级问题：id选择器具有更高的优先级，如果存在其他选择器与id选择器相冲突，可能会导致id选择器不起作用。例如，如果在id选择器之后使用了更具体的类选择器或标签选择器来定义样式，那么这些更具体的选择器的样式会覆盖id选择器的样式。
JavaScript冲突：如果通过JavaScript改变了id选择器对应元素的属性或样式，可能会导致id选择器不起作用。这可能是由于JavaScript代码中存在错误或冲突，导致id选择器的样式无法生效。

类选择器工作的原因可能是类选择器具有较低的优先级，或者在相同的选择器规则中，类选择器出现在id选择器之后。

在选择器中使用变量是CSS预处理器（如Sass、Less）的特性之一，它允许我们在样式定义中使用变量来简化样式的编写和管理。例如，我们可以定义一个变量来存储颜色值，然后在选择器中使用该变量来设置元素的背景颜色。

在这种情况下，我们需要确认是否正在使用CSS预处理器，并检查是否正确定义和使用了变量。如果使用Sass，变量应该以$开头，而在Less中使用@开头。

关于id选择器和类选择器的更多信息以及在选择器中使用变量的示例，您可以参考腾讯云产品CSS开发手册中的相关章节：

请注意，以上链接是基于腾讯云的产品文档，仅供参考，不涉及其他云计算品牌商。