0

クリック可能にしたいdivがあるので、有効なHTML 5であり、divをブロックレベルの要素にしたので、その周りに「a」タグをラップしました。

今、私が抱えている問題は、すべてがリンクとして表示されるため、そのdiv内のコンテンツのスタイル設定です。多くの方法を試したにもかかわらず、div内のすべてをカスタムスタイル設定するための適切なソリューションが見つかりませんでした。

縮小されたテストサンプルはここで見ることができます：

http://codepen.io/anon/pen/aencq

したがって、私の質問は、基本的に、a：linkでラップされたブロックレベルのdiv内にあるh2やpなどの要素をスタイリングする最良の方法は何ですか。

4

3 に答える 3

1

基本的に、あなたに起こっていることは、<a>タグの下のすべての要素がハイパーリンクのcssプロパティ（下線、青色など）を継承しているということです

これに対抗するには、タグにIDまたはクラスを作成し、デフォルトのアンカープロパティを削除/オーバーライドします。

たとえば、アンダースコアを削除するには、次のようにします。text-decoration：none;

その後、リンク関連の疑似クラス:: link、：visited、：hover、および：activeをオーバーライドします。

于 2012-11-28T00:01:31.143 に答える
1

ここで必要なのは次のとおりです。

a { color:black; text-decoration:none; }

より具体的にしたいと思うことがあります。そうすれば、次のようになります。

a h2 { color:red; }
于 2012-11-28T00:05:32.657 に答える
0

最善の方法は意見の問題です。私にとって最善の方法は、可能な限り最も簡潔なCSSを使用することです。必要な特異性のみを使用してください。たとえば、必要なのがすべてであるa div h2場合は使用しないでください。a h2また、参考a.block { display:block; }までに、次のようなことができ、マークアップにdivは必要ありません。

于 2012-11-28T00:01:37.633 に答える