オカレンスが1つしかない場合、要素にCSSを適用しますか？

Question

1つだけのオカレンスがある場合、特定のスタイルを要素に適用するCSSセレクタ（CSS3 +は問題ありません）はありますか？例えば

、以下のCSSルール：HTMLでの.info の唯一の発生がある場合

border: 1px solid black; 

が...のみの.info に適用されます。

ので、

<p class="info">This would have a border because there is only one</p> 

と、

<p class="info">This would not have a border because there are two</p> 
<p class="info">And neither would this</p> 

私はどちらかをプログラムなどの追加のクラスを適用する必要がありますするつもりだ推測している：.single-発生またはcount Javascriptでの出現回数？

編集：

いくつかのことを明らかにする。

私はJavascriptを私がしようとしていることの解決策と言いますが、それは私がそれを使うつもりはないということです。私は振る舞いではないもののためにJSを避けようとしています。だから私はJavascriptの答えを望んでいない、それは達成するために信じられないほど簡単です - 私の質問はCSSについてです。 検索結果：

はまた、それらが混乱に：私が使用している実際のクラスがあるので、機会にページ上の唯一の単一クラスが存在することになる理由を、です。場合によっては、結果が1つしかない場合もあります。しかし、唯一のものがあるため、アイテムが検索結果として知られるオブジェクトのクラスの一部になることはできません。意味的に（そして論理的に）もちろん、1つのクラスのクラスがあります。時には、ブランケットルールを適用するのではなく、セマンティクスについてもう少し考えるべきだと思います。

Answer 1

ページの構造によって、あなたは:only-of-type擬似クラスを使用することができるかもしれません要素に同じタグ名の兄弟がない場合に一致します。それよりも具体的になる方法はないと思います。

Answer 2

これにはCSSソリューションはありません。私はあなたのJavaScriptのアイデアと一緒に行きます。どのようにこのソリューションについてhttp://reference.sitepoint.com/css/css3psuedoclasses

Answer 3

：ここではCSS3の擬似クラスの

$('.info').length 

リスト：あなたはjQueryのを使用した場合、あなたのようなものを使用することができます。

CSS

.info.highlight { border: 1px solid black } 

（jQueryを使用して）JavaScriptの

var $info = $('.info'); 
if ($info.length === 1) { $info.addClass('highlight'); } 

デモンストレーション：http://jsfiddle.net/joshdavenport/YdbuB/