Question

我正在尝试使用.less来修改Joomla Gantry模板。我试图用“aa”类改变的文本已经链接了音频，因此整个文本显示为蓝色，我试图将其改为深棕色。这是我在.less文件中使用的内容：

.aa {
    cursor: url(/images/listen.cur), progress !important;
    color: @2E1507;
}

这很简单，但是如果没有“进步！重要”，我无法让光标改变，这对我来说没有意义。现在我想改变颜色，但我找不到办法。在尝试改变这些风格时，我是否缺少一些重要的东西？

Answer 1

我认为@ seven-phases-max首先为您提供了正确的答案。 LESS中的!important与CSS中的含义相同。您将使用!important否决CSS specificity rules。在大多数情况下，使用！important不是一个好主意，尝试找到具有更高特异性的选择器。另请阅读：http://css-tricks.com/when-using-important-is-the-right-choice/。使用此处提到的!important的一个原因是实用程序类。也许这就是你选择在这里使用它的原因。

progress设置光标类型，请参阅http://www.w3schools.com/cssref/pr_class_cursor.asp。因为您已使用url()，progress不应该有任何效果（auto是默认样式）。

请注意，如果您需要!important来设置光标，您可能还需要它来设置颜色：color: #2E1507 !important;

在LESS中使用mixin时，可以设置！important;对于您的所有属性，例如：

.importantaudio(){
    cursor: url(/images/listen.cur), progress;
    color: #2E1507;
}

.aa{ .importantaudio() !important;}

CSS（结果）：

.aa {
  cursor: url(/images/listen.cur), progress !important;
  color: #2E1507 !important;
}

在Joomla中使用.less覆盖CSS

1 个答案: