3

私はそれのためのhtmlテーブルとレイアウトを持っています(そのようなもの、また私はhaml + sassを使用します):

.zebra{
 .zebra-stripe{
  &.zebra1{
  a{
    color: red;
  }
  a:hover{
    color: blue;
  }
 }
}

私の htm テーブルにはクラス zebra があり、tr にはクラス .zebra-stripe .zebra1 があります

しかし、他のスタイル（ボタンなど）とのリンクがあり、このリンクには背景のある独自の高さがありますが、ホバーすると色がオレンジに設定され、

.details-link{
  width: 70px;
  margin: 2px;
}
.details-link:hover{
  color: orange;
}

しかし、マウスがこのリンクの上にあるとき、色はオレンジではなく、テーブルに設定されている青です....何が問題なのですか?

リンクのホバー テキストの色をオレンジ色に設定する方法 (設定したのですが、正しく表示されません)...

何かが明確でない場合は、コメントに書いてください...

4

2 に答える 2

0

これを試してください：

a.details-link:hover{
    color: orange;
}
于 2013-03-28T10:35:11.153 に答える
0

問題は、使用しているセレクターの特異性であり、.zebra .zebra-stripe.zebra1 a:hoverより具体的です.details-link:hover。セレクターをより具体的にするには、代わりに次のことを試してください。

.zebra .zebra-stripe.zebra1 a.details-link:hover {
    color: orange;
}
于 2013-03-28T10:35:11.270 に答える