css - HTML/CSS のネスティングの問題

Question

「アクセシビリティ」リンクを「私のサイトへようこそ!」のようなプレーンテキストにしたいです。しかし、タグに設定したプロパティを引き続き使用します。ウェブサイトを構築するのはこれが初めてなので、私のコードがどのように見えるかについてのヒントがあれば、提案をお待ちしています. ありがとう！

http://jsfiddle.net/kSNmS/1/

Answer 1

ナビゲーション リンクでクラスを使用して、そのようにターゲティングするのはどうですか?

http://jsfiddle.net/kSNmS/4/

Answer 2

<a>最も簡単な解決策は、タグの CSS 固有性を変更すること です。CSS の特異性に関する記事が参考になるかもしれません: http://www.stuffandnonsense.co.uk/archives/css_specificity_wars.html。

したがって、目的を達成するには、次のように変更します

a
{ 

    float:left;
    font-family: 'Alike', serif;
    width:17.50em;
    text-decoration:none;
    color:green; 
    background-color:silver;
    letter-spacing:5px;
    padding:0.5em 0.9em;
    border-width: 3px 1.5px 3px 1.5px   
}

のようなより具体的なものに

ul a
{ 

    float:left;
    font-family: 'Alike', serif;
    width:17.50em;
    text-decoration:none;
    color:green; 
    background-color:silver;
    letter-spacing:5px;
    padding:0.5em 0.9em;
    border-width: 3px 1.5px 3px 1.5px   
}