CSSスタイルの特定のリンク

Question

シナリオ：私が働く会社のウェブサイトを作成中です。ビジュアルスタイルのガイドに従う必要があるので、私はウェブサイトのCSSファイルを作成しています。

質問：本文は12ptにありますが、すべての "more"リンクは11ptフォントでなければなりません。リンクが "もっと"あれば、それは11ptでスタイリングされることを指定する方法はありますか？

を編集します。クラスを使用せずにこれを行うにはどうしますか？代わりにテキストに基づいていますか？

要約：私は特定のリンクをスタイルする必要がありますが、代わりにスタイルを使用するためにクラスを使用したくありませんか？

Answer 1

HTML

<a href="whatever.html" class="more">More</a> 

CSS

body { 
    font-size: 12px; 
} 

a.more { 
    font-size: 11px; 
} 

Answer 2

よりリンクのクラスを指定します。例えばのための ... CSSで

<a href="#" class="link">more</a> 

：

使用..

body 
{ 
font-weight:13pt; 
} 
a.link 
{ 
font-weight:11pt; 
} 

Answer 3

あなたはそれらのリンクのCSSクラスを与えることができますか？

だから、あなたのようなもの使用することができます

<a class="more-link" href="http://clownlovers.com">MORE</a> 

をこうしてあなたの線に沿ってCSSでそれらのスタイルができます：あなたはそれを行うことができない場合は、私が思うに、

a.more-link { 
    font-size:11px; 
} 

を小さなJavaScriptプログラムを書いて、そのようなリンクをあなたが望むフォントに変更することができます。これは実装するのが難しいですが、遅いマシンの場合は、jsが実行されて変更されるまで、デフォルトのフォントが最初に表示されることさえあるかもしれないので、これは醜いハックです。

Answer 4

ありCSSはそのようなコンテンツを取捨選択するための方法はありませんが、それに単語「もっと」を持つすべてのアンカーを見つけて、それに基づいて、それを変更するjQueryのを使用することができます。

$("a:contains('more')").css("font-size", "11pt"); 

CSSソリューションではありませんが、これはあなたが求めていることを実行できる唯一の方法です。 Example for you here。