Question

我有一个名为“番茄”的跨区课程。

我的css是：

.tomato a:link {color:#FF0000;}      /* unvisited link */
.tomato a:visited {color:#FF0000;}  /* visited link */
.tomato a:hover {color:#FF0000;}  /* mouse over link */
.tomato a:active {color:#FF0000;}  /* selected link */

有没有办法可以将所有这些组合成一小段代码？（我希望所有州的链接都是红色的）

Answer 1

这是shortest，我认为你不能做到这一点：

.tomato a:link, .tomato a:visited, .tomato a:hover, .tomato a:active { color:#FF0000; }

OR

.tomato { a:link, a:visited, a:hover, a:active { color:#FF00000; } }

希望这有帮助。

Answer 2

.tomato a:link,
.tomato a:visited,
.tomato a:hover,
.tomato a:active {
    color:#F00;
}

注意，颜色HEX也可以缩写。：）

如果你选择使用CSS框架来组织你的CSS，比如LESS，它可能比上面简单得多：

.tomato {
   a:link,
   a:visited,
   a:hover,
   a:active {
       color:#F00;
   }
}

Answer 3

实际上最好使用the attribute selector。在这种情况下，它将是：

   var result = this.data;

   var groupFilter = $("#groupSelect");
   var functionFilter = $("#functionSelect");
   var skillFilter = $("#skillSelect");

   var uniqSkils = _(result).map('skill').uniq().map(populateDropdown(skillFilter));
   var uniqFunctions = _(result).map('function').uniq().map(populateDropdown(functionFilter));
   var uniqgroups = _(result).map('group').uniq().map(populateDropdown(groupFilter));

    function populateDropdown(element) {
        element.append($('<option>', {
            value: item,
            text: item
        }))
    }

或者您必须：

undefined

更改所有链接状态相同的颜色css

3 个答案: