オカレンスが1つしかない場合に、特定のスタイルを要素に適用するCSSセレクター(CSS3 +で問題ありません)はありますか?
たとえば、次のCSSルール:
border: 1px solid black;
... HTMLに.infoが1つしかない場合にのみ、 .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-occurrenceまたはJavascriptで発生数をカウントしますか?
編集:
いくつかのことを片付けましょう。
私がやろうとしていることの解決策としてJavascriptについて言及するとき、それは私がそれを使用するという意味ではありません。私は、振る舞いをしないものについてはJSを避けようとします。だから私はJavascriptの答えを望んでいません、それは信じられないほど簡単に達成できます-私の質問はCSSについてです。
また、混乱している人には、ページにクラスが1つしかない場合があるのは、実際に使用しているクラスがsearch-resultであるためです。結果が1つしかない場合もあります。ただし、1つしかないからといって、そのアイテムがsearch-resultと呼ばれるオブジェクトのクラスの一部になれないという意味ではありません。意味的に(そして論理的に)、もちろん、1つのアイテムのクラスが存在する可能性があります。時には、包括的なルールを適用するのではなく、セマンティクスについてもう少し考えるべきだと思います。