Question

我有一张桌子，我希望当鼠标悬停在其上时，单元格的内容及其背景会更改颜色。所以我尝试了以下CSS

td {
  background-color: white;
  color: black;
}

td:hover {
  background-color: black;
  color: white;
}

<table width="150px">
  <tr>
    <td><a href="www.testing.com">testing</a></td>
  </tr>
</table>

这看起来很简单，但是没有用。背景会更改其颜色，而文字不会更改。

我的错在哪里？我该如何纠正？

Answer 1

好吧，链接通常会应用自己的悬停样式，因此您需要定位表格中的链接以更改其颜色：

td {
  background-color: white;
  color: black;
}

td:hover {
  background-color: black;
  color: white;
}

td:hover a {     /* only target links in a td cell that is hovered */
  color: white;
}

<table width="150px">
  <tr>
    <td><a href="www.testing.com">testing</a></td>
  </tr>
</table>

Answer 2

您发布的css并不正确，但是也许被其他东西覆盖了。尝试添加重要内容以查看是否存在这种情况：

您还可以发布html吗？

from pyspark.sql.functions import col,udf,struct

from dateutil import parser

import datetime

@udf

def memavgbeforeupdate(structx,df2):
    df=df2.where(col("name")==structx[1] & (col("timestamp")>parser.parse(structx[0])-datetime.timedelta(days=10) & col("timestamp")<parser.parse(structx[0])+datetime.timedelta(days=10)))

    df=df.where(col("mem_consumed_average")!="NaN").where(col("mem_consumed_average").isNotNull())
    if df.rdd.isEmpty():
        return -1
    else:
        df1=df.select("mem_consumed_average")
        return float(str(df1.select(mean(col("mem_consumed_average"))).collect()[0]).split("=")[1].split(")")[0])



df3=df1.withColumn("mem_avg_before_update",memavgbeforeupdate(struct(col("CLOSE_TIME"),col("CI_NAME")),df2))

SELECT *
FROM (
    SELECT *, DENSE_RANK() OVER (ORDER BY dIAmount DESC) AS rnk
    FROM employee
) x
WHERE rnk <= 2

文本和背景色插入表格

2 个答案: