1

リンクのスタイルを包括的にオーバーライドして、active操作できない場合 (たとえば、リンクが表示されている領域をスクロールしている間) にリンクを通常の状態に戻そうとしています。

だから、私のコードでは、これがあります：

.scrolling a:active {
  background-color: inherit !important;
  color: inherit important!;
}

残念ながら、これにより、アクティブでないときのリンクの色ではなく、それを含む要素が含まれているものの色が継承されます。それらが何であるかに関係なく、これらに通常のアンカータグスタイルを採用させる方法はありますか? ページに表示できるすべての種類のリンクに対してオーバーライドを作成する必要はありません。

明確化: 次のようなことはできません:

a, .scrolling a:active {
  color: red;
  background-color: white;
}

サイト全体の異なるリンクは異なる配色システムを使用しているため、リンクの種類ごとにこのようなスタイル ルールが必要になります。（それはできると思いますが、使用できる包括的なルールがあればそれを見つけたいと思います。）

4

1 に答える 1

1

の値はinherit、正当な場合、要素の親からの値を付与します。これらの値を静止状態のリンクと同じにしたい場合は、次のことができますか?

.scrolling a:active, .scrolling a {
  background-color: #fff;
  color: #000;
}

更新しました

あなたが望むことをする方法がわかりません。静止状態のアンカーのスタイル値を調べて、それをアクティブ状態に渡す方法はありません。上記のように手動で行う必要がありますが、LESS または SASS を使用すると作業が簡単になる可能性があります。

于 2013-08-26T22:30:27.957 に答える