Question

所以......这是我的问题：

我使用php循环创建了一个链接列表。

我接下来要做的是为每个人和每个人上色，但是当鼠标悬停时会有不同的颜色。（红和石灰）

这些颜色将堆叠在.txt文件中（我已经想到了那部分）。

我已经找到了这样做的方法，但每次循环完成时都会创建一个新的div，这样做，div之间有我不喜欢的空间。

a {
  color:white;
  -o-transition:color .3s ease-out;
  -ms-transition:color .3s ease-out;
  -moz-transition:color .3s ease-out;
  -webkit-transition:color .3s ease-out;
  transition:color .3s ease-out;
  text-decoration: none;

}
a:hover { color:cyan; }

这是我正常悬停的css代码（如果该链接既没有红色也没有石灰）

我试图通过使用php变量告诉“代码”应用哪种颜色（已经计算过该部分）。

我的问题是：是否有可能让“子类”成为一个类？我的意思是，能够为石灰创建一个“子类”，为红色创建一个“子类”，将所有内容都放在 ONE div 中并通过php变量应用它们。

解决了！非常感谢你们的帮助，对不起，写这篇文章时我无法准确。

Answer 1

如果要使用3种颜色并每次换到另一种颜色，nth-child是您的朋友： DEMO

a:hover {
  background:cyan;
}
li:nth-child(3n) a:hover {
  background:red;
}
li:nth-child(3n-1) a:hover {
  background:lime;
}

Answer 2

您可以将multiple classes用于CSS类的子类。

但在您的情况下，您只需添加一个类链接 - lime / link-red，如<a class="link-lime"...或<a class="link-red"...以及CSS规则a.link-lime:hover { color:lime } a.link-red:hover { color:red }

是否可以使用php变量在div内部使用不同的颜色？

2 个答案: