考虑这个片段:
.wrapper {
display: flex;
gap: 5px;
border: 1px solid black;
border-radius: 3px;
width: 80px;
padding: 5px;
}
<div class="wrapper">
<div class="icon">🖼️</div>
<div class="text">paintings</div>
</div>
该图标可能存在也可能不存在。
我想要实现的是,如果图标不存在,则会添加一些左侧填充.text
。
我怎么做?:has
我尝试了,:not
和(下一个兄弟组合器)的一些组合+
,但无济于事。
本质上,我想选择.text
,但前提是它前面没有.icon
。