【问题标题】:Is it possible to have different colours inside a div using a php variable?是否可以使用 php 变量在 div 内使用不同的颜色?
【发布时间】:2014-05-05 21:11:16
【问题描述】:

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

我使用 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 变量应用它们。

已解决!非常感谢大家的帮助,很抱歉我在写这篇文章时不能更准确。

【问题讨论】:

  • 你是说3种颜色会一个接一个地使用?如果是这样,则使用 nth-child(3n), nth-child(3n-1) 作为其他两种颜色
  • 你能提供你如何构建 div 的 html 吗?

标签: php html css colors


【解决方案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;
}

【讨论】:

    【解决方案2】:

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

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

    【讨论】:

    • 请避免仅链接的答案。
    • 谢谢您,先生!像魅力一样工作!
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-05-24
    • 2013-07-03
    • 2011-11-23
    • 1970-01-01
    相关资源
    最近更新 更多