Css 无法更改 div 内链接的悬停 colored颜色

发布于06月07日

我try 向div内的链接添加自定义 colored颜色，但它不起作用， colored颜色不变.为什么会这样？

<!DOCTYPE HTML>

<html>

<head>
  <title>Untitled</title>
  <style>
      .navigation-div a {
        display: block;
        font-size: 18px;
        color: #14133b !important;
        line-height: 1;
        margin-bottom: 26px;
    }

    .navigation-div a:hover {
        color: #CEA941 !important;
    }

    .navigation-div a:visited {
        color: #14133b !important;
    }
    .navigation-div a:link {
        color: #14133b !important;
    }
    .navigation-div a:visited {
        color: #14133b !important;
    }
  </style>
</head>

<body>
<table class="table" style="border-bottom: 0px solid black;">
<tbody><tr>
<td valign="top"></td>
<td valign="top">header 1</td>
<td valign="top">header 2</td>
</tr>
<tr>
<td colspan="3">&nbsp;</td>
</tr>
<tr>
<td valign="top"></td>
<td><div class="navigation-div">
<a href="#"> Motor  </a></div>
</td>
<td><div class="navigation-div">
<a href="#">12345 </a></div>
</td>
</tr>

</tbody></table>
</body>

</html>

<!DOCTYPE HTML> <html> <head> <title>Untitled</title> <style> /* a{ color: black; } a:hover{ color: reds; } */ table> tbody > tr>td>.navigation-div >a:hover{ color: red; } </style> </head> <body> <table class="table" style="border-bottom: 0px solid black;"> <tbody> <tr> <td valign="top"></td> <td valign="top">header 1</td> <td valign="top">header 2</td> </tr> <tr> <td colspan="3"> </td> </tr> <tr> <td valign="top"></td> <td><div class="navigation-div"> <a href="#"> Motor </a></div> </td> <td><div class="navigation-div"> <a href="#">12345 </a></div> </td> </tr> </tbody></table> </body> </html>

Css 无法更改 div 内链接的悬停 colored颜色

推荐答案

Css相关问答推荐

在React Native中使用绝对位置对图像进行居中

为什么图像加载请求没有显示在我的网络请求中？

如何在移动屏幕尺寸上包装元素？

如何使用TailwindCSS溢出？

如何使用 Cypress 从 React 下拉列表中进行 Select

2 列 UL，右列中的列表项数量为奇数？

努力将 CSS 样式应用于 Elm 应用程序

在不使用 position： fixed 的情况下从 CSS 网格中的自动布局中免除子元素？

在 SVG 元素上方添加标签而不移动 SVG 元素

Sass @use 排序

React Typescript 中的自动 typewriter 效果

Angular 导航栏问题

修复导航栏隐藏页面内容

范围内的 CSS 未在组件中应用

跨浏览器方法使子 div 适合其父级的宽度

矩形图像的 CSS 圆形裁剪

多个和/或嵌套的 bootstrap 容器？

如何将文本向左旋转 90 度并根据 html 中的文本调整单元格大小

CSS垂直对齐不适用于浮动

：before 和：：before 有什么区别？