0

そのため、これを理解するのに少し苦労しています。

特定の div 内のいくつかのリンクを編集したいのですが、簡単そうですよね?

置くだけ

#mydiv a:link {color:#B40404}

しかし、それは私のために働いていないようです!以下は私のコードです:

<div id="leftcontent"><a href="http://google.de"><div id="MYDIV">why this is no work</div></a>

CSS:

#MYDIV {
background-image: url(http://mypicture.com/mypic.jpg);
width:290px;
height:280px;
font-family:Tahoma,Geneva,sans-serif;
padding:25px;
background-repeat:no-repeat;
}

#MYDIV a:link {color:#B40404; }

これが機能しない理由がわかりません。どんな助けでも大歓迎です!

ありがとう

4

5 に答える 5

1

HTMLは次のようになります(div内のタグ)

<div id="leftcontent">
<div id="MYDIV"><a href="http://google.de">why this is no work</a></div>
</div>

CSS

#MYDIV a{color:#B40404; text-decoration:none}

デモ


あなたの場合(タグ内のdiv)、CSSにID名を直接書き込む必要はありませんタグのスタイルを直接記述します

a{color:#B40404; text-decoration:none}

また

#leftcontent a{color:#B40404; text-decoration:none } 

デモ 2

于 2013-03-01T07:41:17.987 に答える
0

この方法は html のコーディングにおける正しい形式ではありません。これは html バリデーターで検証されません。

<div id="leftcontent">
  <a href="http://google.de">
  <div id="MYDIV">why this is no work</div>
  </a>
</div>

その代わりにこうする

<div id="leftcontent">
  <div id="MYDIV">
  <a href="http://google.de">sample</a>
  </div>
</div>

divリンク全体が必要な場合は、基本的なスタイルをdiv a

CSS

#MYDIV {
float:left;
}

#MYDIV a {
float:left;
width:100px;
height:100px;
}
于 2013-03-01T08:11:36.057 に答える
0

あなたの場合、ハイパーリンクのスタイルを設定する必要はないと思います。

スタイリングは最終的にdiv に適用されるため、アンカー タグで囲まれています。したがって、色を指定します: #your_hex_code#MYDIVに指定します。これで十分です。それがあなたが必要とするものです。

html を間違えた場合、Sowmya の回答は完璧です。

オプション:

さらに、jquery を使用して $("#your anchor").parent().css のスタイルを設定するか、closest.

ありがとう

于 2013-03-01T07:56:34.627 に答える
0

CSS がタグ内のタグを選択しています。次のいずれかを行う必要があります。

a #MYDIV { /* css code */ }

また

<div id="MYDIV"><a>My link here</a></div>

編集:

別のページであなたのコメントを読みました。その場合、クラスまたは ID を に追加してから参照する必要があります。

<div id="leftcontent"><a href="http://google.de" id="myLink"><div id="MYDIV">why this is no work</div></a>

CSS

#myLink { /* add style here */ }
于 2013-03-01T07:42:48.463 に答える
0
<div id="leftcontent"><div id="MYDIV"><a href="http://google.de">why this is no work</a></div>

CSSで

#MYDIV a:link {color:#B40404; }
于 2013-03-01T07:44:17.940 に答える