当我们在CSS中引用class时，有时候会遇到引用失败的情况。这种情况可能由以下原因造成：

[class="example"] {
width: 100px;
height: 100px;
background-color: red;
}

1. 拼写错误

首先，我们需要确认我们引用的class名称是否拼写正确。通过检查我们的HTML代码，我们可以确保我们引用的class名称是正确的。

2. CSS的优先级

在CSS中，我们需要注意class的优先级。如果我们有多个样式规则在样式表中定义了相同的class，则样式将以优先级最高的规则为准。可以通过检查优先级是否被覆盖来解决这个问题。

.example {
width: 150px;
height: 150px;
background-color: blue;
}
.example {
width: 100px;
height: 100px;
background-color: red;
}

在这个例子中，我们定义了两个规则，其中第二个规则将优先作用于class "example"。如果我们想让第一个规则生效，我们可以通过增加选择器优先级来实现：

div .example {
width: 150px;
height: 150px;
background-color: blue;
}

3. 浏览器兼容性

最后，我们需要确保我们使用的浏览器支持我们所使用的CSS语法。尤其是在使用新的CSS属性和功能时，我们需要确保我们的浏览器支持它们，否则可能会出现引用失败的情况。

总之，当我们在CSS中引用class时，遇到引用失败的情况时，我们需要逐一排查上述原因，以解决问题。