常に破線のスタイルを持つリンク

Question

私は、アンカーとのリンクがあるページを作成しようとしています。すべてのリンクは同じページにつながりますが、異なる場所につながるアンカーです。リンクは常に「破線」のスタイルで、下線が引かれてはいけません。これは、untented動作しません：

a:hover, a:link, a:active .link-anchor { 
    border-bottom: 1px dashed #aabbccdd ; 
    text-decoration: dashed !important; 
    } 

Answer 1

、以下のように無効なカラーコードを定義している：

border-bottom: 1px dashed #aabbccdd; 
          // ^^^ there should be 3 or 6 characters 

それは次のようになります。CSSの色の詳細については

border-bottom: 1px dashed #aabbcc; 

、訪問Hereをご覧ください。ムハンマドが言ったことに加えて

a.link-anchor:hover, a.link-anchor:link, a.link-anchor:active { 
 
    border-bottom: 1px dashed #aabbcc; 
 
    text-decoration: none; 
 
}

<p>Lorem ipsum dolor <a href="#" class="link-anchor">Dashed Link</a> sit amet <a href="#">Normal Link</a> Lorem ipsum dolor <a href="#" class="link-anchor">Dashed Link</a> sit amet <a href="#" class="link-anchor">Dashed Link</a> Lorem ipsum dolor</p>

Answer 2

、私はルールも間違っていると思う

あなたがクラスを追加したい場合は、.link-anchor

a.link-anchor:hover, a.link-anchor:link, a.link-anchor:active { 

を繰り返す必要または

また

、あなたのクラスは、「リンク・アンカー」と呼んでますが例