大文字の文字/単語の疑似セレクタ？

Question

大文字/英字/単語用のCSS疑似セレクタはありますか？私はすべての私の首都を小規模なものにし、他のすべての文字を同じサイズにしたい。資本は必然的に文章（または単語）の最初の文字でもなく、逆もありません。

また、CSSでこれらの文字を見つける別の方法がありますか？トリックですか？私はトリックが好きです。

Answer 1

貧弱なサポートfirst-letterセレクタがありますが、それはあなたが望むものではありません。

もちろん、あなたのHTMLを<span class="capital"></span>タグですべて囲み、PHPで事前解析することもできますが、それはハックです。

もちろん、いつでもマジックのjQueryウサギを取り出して、ドキュメントの読み込み時にDOMを変更してスパンを含めることができます。それはまたハックです。ハックが好きですか？

はのは、これはCSSを使用したことはできません:-)

Answer 2

私はこれが可能ではないと思います。

大文字をクラスのスパンで囲み、それをスタイルに使用するほうがよい。

Answer 3

手品でアップになります他の誰を見てみましょう。

JavaScriptで大文字（たとえばif (yourtext == yourtext.toUpperCase())を使用）のテキスト内のすべての文字を確認し、CSSを含むその周りに<span>をラップしてスタイルを設定できます。

あるいは、これらの線の周りに何か：

function wrapCaps() { 
    var text = document.getElementById("my_text").value; 
    for(i=0; i < text.length; i++) { 
     if(text[i].charCodeAt(text[i]) >= 65 && text[i].charCodeAt(text[i]) <= 90) 
     wrapNode(text[i], 'span'); 
    } 
} 

私は（多分誰かがこれでjsfiddleを作成するための時間を持っている？）それを試していなかった、あなたはreplaceNodeまたはそのような何かを使用する必要があります。 charCodeAtメソッドは大文字のみを検索しますが、特別なギリシャ語の大文字のようなユニコード文字は含まれないことに注意してください。
あなたは今だけのようなもので、あなたのスパンのスタイルを設定する必要があります。

#my_text span { 
    font-size: 10px; 
}