无法从材料设计精简版上的tr元素中删除悬停

时间:2017-01-23 02:45:51

标签: html css sass

我正在尝试使用Material Design Lite删除表格中tr元素的背景颜色。

我正在使用Sass。

这是导致效果的代码:

.mdl-data-table tbody tr:hover {
background-color: #FFFFFF !important;
}

这是我使用的代码,没有任何正面结果:

.mdl-data-table tbody tr:hover{
  tr:hover .no-hover{
    background-color: #FFFFFF !important;
  }
}

我想要实现我需要的行为是什么?

2 个答案:

答案 0 :(得分:4)

你正在瞄准:

<a-scene stats>
<a-sky src="../1/img/2.jpg"></a-sky>
  <a-assets>
    <img id="my-image" src="../1/img/bear.png" >
    <img id="bear2" src="../1/img/bear.png" >
    <img id="bear3" src="../1/img/bear.png" >
  </a-assets>
  <!-- Using the asset management system. -->
  <a-image src="#my-image" width="10" height="10" position="-5 1 -7" rotation="0 10 0"></a-image>
  <a-image src="#bear2" width="10" height="10" position="5 1 -5" rotation="0 -60 0"></a-image>
  <a-image src="#bear3" width="150" height="150" position="-45 2 100"></a-image>
  <!-- Defining the URL inline. Not recommended but more comfortable for web developers.-->

正在寻找带有孩子的表格行,其中包含类tr:hover .no-hover { background-color: #FFFFFF !important; } (可能是表格单元格)。背景颜色实际上是应用于行本身。

我相信您正在寻找的是:

no-hover

其中的目标是tr.no-hover:hover { background-color: #FFFFFF !important; }

希望这有帮助!

答案 1 :(得分:0)

我遇到了同样的问题并且解决了一些不同的结果:

.no-hover tbody tr:hover {
    background-color: #FFFFFF !important;
}

并将类'no-hover'放在表标记中。