当只有一次出现时,是否有任何 CSS 选择器(CSS3+ 可以)将某些样式应用于元素?
例如,以下 CSS 规则:
border: 1px solid black;
...仅适用于.info如果在 HTML中仅出现一次.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 的。
另外,对于那些感到困惑的人:页面上有时只有一个类的原因是因为我使用的实际类是:search-result。有时只会有一个结果。但仅仅因为只有一个并不意味着该项目不能是称为search-result的对象类的一部分。在语义上(和逻辑上),当然可以有一个项目的类别。有时,我认为人们应该更多地考虑语义,而不是应用一揽子规则。