Устанавливайте содержимое CSS только при определенных условиях без Javascript ⇐ CSS

[Anonymous]

Я использую специальную таблицу стилей для вкладок в виде дерева в Firefox. Это позволяет мне добавлять порядковый номер каждой вкладки, чтобы я мог быстро получить доступ к первым восьми, используя Ctrl-, без необходимости подсчитывать вкладки:

Код: Выделить всё

tab-item .extra-items-container.behind::after {
background: Highlight;
color: HighlightText;
content: counter(vtabs);
font: bold 90% Nina;
line-height: 0.9;
right: 0;
padding: 0.5ex 0.2ex;
pointer-events: none;
position: absolute;
bottom: 0;
z-index: 999;
}

Можно ли не показывать числа больше 8? Думаю, я мог бы либо

• Сделать счетчик показа контента (vtabs) только до 8, но что-то вроде этого не работает:
  content: Calc(counter(vtabs) < 9 ? counter(vtabs) : "")
• Запустить стиль только тогда, когда условие удовлетворено, например. tab-item:contains("1") и т. д. в соответствии с Существует ли селектор CSS для элементов, содержащих определенный текст?

Однако ни то, ни другое не работает. Кто-нибудь может помочь, пожалуйста?


Подробнее здесь: https://stackoverflow.com/questions/783 ... javascript