css - 文本长度的条件CSS

Question

我有一个包含特定文本的 div。当 Text 有一定长度时(比如 15 个字符或更多)，div 的宽度应该改变。有什么方法可以完全通过 CSS 实现这一点？

Answer 1

你可以使用 JS...

如果 textContent.length > 15 添加类到标签和 css 样式(width 等)

var lbl=document.querySelector(".lbl");
if(lbl.textContent.length > 15){
   lbl.classList.add('bigger');
}

.bigger{
color:red
}

<label class="lbl">avvvvvvvvvvvvvvvvvvvvvvb<label>