css - 堆叠伪类语法？

Question

我已经在网上搜索了大约一个小时，但是，我似乎只找到“一般”教程。

如果我有类似的 CSS 代码，我有

.foo {
   border-color: #ff000;
}

.foo:hover {
   border-color: #0000ff;
}

我可以把它变成一个类元素吗？下面是一个想法的演示，不知道有没有可能。

.foo {
   border-color: #ff0000;
   border-color-hover: #0000ff;
}

score 3 · Accepted Answer

3

不，你不能这样做，你必须:hover像你的第一个例子那样把它分成一个类。

于 2012-05-14T15:56:39.797 回答

score 1 · Accepted Answer

对于你想要完成的事情，你不会使用 vanilla CSS。您可以查看SASS/SCSS或LESS。

LESS 会让你这样做：

foo { 
    border-color: #ff0000;
    &:hover { border-color: #0000ff; }
}

score 0 · Accepted Answer

0

不，这是不可能的。为什么会这样？你的第一个例子工作正常。

于 2012-05-14T15:57:04.633 回答

3 回答 3