現在、テキストをハイパーリンクとして使用しており、これにいくつかの CSS コードが適用されています。これにより、ホバー時にテキストに下線が引かれ、ホバーイベントでフォントが太字になります。しかし、今私がやりたいのは、ハイパーリンクを削除し、デフォルトで同じ効果を適用することです。つまり、ホバーではありません。要するに、テキストをホバリングせずに、ホバー時に現在適用されているスタイルを適用したいと考えています。私のHTMLとCSSコードは次のとおりです。
.faq .section p.quetn a:hover {
text-decoration:underline;
font-weight:bold
}
<p class="quetn"><a href="">5.14 Where do i see my test results?</a></p>
もう 1 つ重要なことは、上記の CSS を変更できないことです。新しいクラスを作成して、上記の CSS コードをオーバーライドしたいと考えています。これを達成するのを手伝ってもらえますか? 前もって感謝します。
リンクがホバーされていない場合は、同じルールを使用してください。
.faq .section p.quetn a, .faq .section p.quetn a:hover {
text-decoration:underline;
font-weight:bold
}
編集
何らかの理由で CSS を変更できないことがわかりました。
同じスタイルで新しいクラスを作成するだけです。
a.class, a.class:hover {
text-decoration:underline;
font-weight:bold
}
<a class="class" title="" href="#">Some Link</a>
編集 v2
テキストのスタイルを設定し、リンク マークアップを削除しますか?
それはちょうどだろう
<p class="class">Text</p>
p.class {
text-decoration:underline;
font-weight:bold
}
html
<p class="quetn newClass"><a href="">5.14 Where do i see my test results?</a></p>
CSS
.quetn a:hover {
text-decoration:underline;
font-weight:bold;
cursor:default;
}
.newclass a:hover{
text-decoration:none; !important
font-weight:bold; !important
cursor:default; !important
}
優先度には !important を使用します。
次に、代わりに
.faq .section p.quetn a:hover
使用する
.faq .section p.quetn a
アンカー タグの代わりに P タグのみをターゲットにしている場合は、次のように使用します。
.faq .section p.quetn