CSS:リンクの色を親divと同じにする方法

user3086732

すべてのリンクが、それらが含まれているdivで選択された標準のフォントの色を使用するように、cssで記述できる簡単なルールはありますが、ホバーして青色になり、クリックして永続的に色を変更しない場合は、それらがホバーされたときに点灯しますが、それ以外は同じままです。この問題が発生している唯一のdivは以下のdivです。

CSS:

.textundergrey {
height: 140px;
width: 950px;
margin-left: auto;
margin-right: auto;
margin-top: 15px;
font-family:"OpenSans Light", Arial, serif;
font-size:20px
}
laaposto

リンクを使用するdivと同じ色にし、color:inherit;ホバーすると青に変える場合は、次を使用する必要があります。

a:hover{
    color:blue;
}

また、このコードでは、リンクをクリックしても色が変わりません。

試してみてください:

HTML:

<div id="yellow"><a href="#">Yellow</a></div>
<div id="red"><a href="#">Red</a></div>

CSS:

a{
    color:inherit;
}
a:hover{
    color:blue;
}
#yellow{
    color:yellow;
}

#red{
    color:red
}

デモ

編集(コメントから)

アンダースコアを削除するには、 text-decoration:none;

デモ2

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

分類Dev

親リンク要素を子画像と同じ幅にする方法は?

分類Dev

親divをクリックしたときに子の色divを変更する| CSS疑似

分類Dev

複数のdivがあり、それぞれに同じIDのボタンがあるクリックイベントを作成する方法はありますが、クリックすると親divにのみ影響しますか?

分類Dev

親divと同じサイズの子divを配置する方法

分類Dev

親divと同じサイズの子divを配置する方法

分類Dev

それぞれがクリックされたときに同じIDを持つ複数の親divから子divの内容を取得する方法

分類Dev

親と同じ幅の後に疑似要素を定義する方法::

分類Dev

同じリンクをクリックしたときに複数のリンクを停止する方法

分類Dev

セカンダリdivを常に最初のdivと同じ高さにする方法は?

分類Dev

親divに対してクリックすると、単一のdiv内に同じコンテンツを持つ複数のdivを追加する必要があります

分類Dev

偶数 div ごとにリンクの色を変更する

分類Dev

同じdivをクリックすると、HTMLボタンが別のボタンに変わります

分類Dev

matplotlibとseabornの異なるチャートで同じインデックスに同じ色を設定する方法

分類Dev

親divをホバリングするときにスパンの色を変更する

分類Dev

JS / JQUERY同じDIV内のボタンクリックを優先する方法

分類Dev

MySQLクエリを使用して同じpkidと色の製品の最初の製品のみを表示する方法

分類Dev

同じ子とクラス名を含むそれぞれのdivにクリックイベントを適用する方法

分類Dev

CSS-異なる親の子供を同じ身長にする方法は?

分類Dev

ホバー時に親と子の部門が同じCSSクラス名を持っているかどうかを区別する方法は?

分類Dev

同じdivの外部ページからリンクをロードする方法

分類Dev

ドロップダウンメニュー項目を親と同じサイズにするCSSのみの方法はありますか?

分類Dev

親と同じ属性値を参照するCSSセレクター

分類Dev

エンティティの子を親エンティティと同じ行に入れるSQLクエリ

分類Dev

子の代わりに親のdivフォントの色を使用する方法

分類Dev

divの幅を画面の高さと同じにする方法は?

分類Dev

DataFrameを、子要素と親要素の両方に同じ列が存在するネストされたディクショナリに変換する方法

分類Dev

divとボタンを同じサイズにする方法は?

分類Dev

同じ親divからリンクをコピーします-同じdivjquery内の別の子に追加します

分類Dev

マテリアライズCSSボタンの幅をcols12と同じにする方法は?

Related 関連記事

  1. 1

    親リンク要素を子画像と同じ幅にする方法は?

  2. 2

    親divをクリックしたときに子の色divを変更する| CSS疑似

  3. 3

    複数のdivがあり、それぞれに同じIDのボタンがあるクリックイベントを作成する方法はありますが、クリックすると親divにのみ影響しますか?

  4. 4

    親divと同じサイズの子divを配置する方法

  5. 5

    親divと同じサイズの子divを配置する方法

  6. 6

    それぞれがクリックされたときに同じIDを持つ複数の親divから子divの内容を取得する方法

  7. 7

    親と同じ幅の後に疑似要素を定義する方法::

  8. 8

    同じリンクをクリックしたときに複数のリンクを停止する方法

  9. 9

    セカンダリdivを常に最初のdivと同じ高さにする方法は?

  10. 10

    親divに対してクリックすると、単一のdiv内に同じコンテンツを持つ複数のdivを追加する必要があります

  11. 11

    偶数 div ごとにリンクの色を変更する

  12. 12

    同じdivをクリックすると、HTMLボタンが別のボタンに変わります

  13. 13

    matplotlibとseabornの異なるチャートで同じインデックスに同じ色を設定する方法

  14. 14

    親divをホバリングするときにスパンの色を変更する

  15. 15

    JS / JQUERY同じDIV内のボタンクリックを優先する方法

  16. 16

    MySQLクエリを使用して同じpkidと色の製品の最初の製品のみを表示する方法

  17. 17

    同じ子とクラス名を含むそれぞれのdivにクリックイベントを適用する方法

  18. 18

    CSS-異なる親の子供を同じ身長にする方法は?

  19. 19

    ホバー時に親と子の部門が同じCSSクラス名を持っているかどうかを区別する方法は?

  20. 20

    同じdivの外部ページからリンクをロードする方法

  21. 21

    ドロップダウンメニュー項目を親と同じサイズにするCSSのみの方法はありますか?

  22. 22

    親と同じ属性値を参照するCSSセレクター

  23. 23

    エンティティの子を親エンティティと同じ行に入れるSQLクエリ

  24. 24

    子の代わりに親のdivフォントの色を使用する方法

  25. 25

    divの幅を画面の高さと同じにする方法は?

  26. 26

    DataFrameを、子要素と親要素の両方に同じ列が存在するネストされたディクショナリに変換する方法

  27. 27

    divとボタンを同じサイズにする方法は?

  28. 28

    同じ親divからリンクをコピーします-同じdivjquery内の別の子に追加します

  29. 29

    マテリアライズCSSボタンの幅をcols12と同じにする方法は?

ホットタグ

アーカイブ