Html 如果子元素位于父元素的第二行，则应用CSS

假设我有一个容器div，其中有两个内联元素：

<div>
<span>AAAAAAAAAAAAAAAAAAAA</span><span>BBBBBBBBBBBBBBBBBBBB</span>
</div>

AAAAAAAAAAAAAAABBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBB

如果有足够的空间，这两个元素只占一行。但是，如果调整了浏览器窗口的大小，则第二个窗口可能会跳到新行

---

我的问题是，如果（并且仅当）第二行被插入第二行，是否有一种方法（使用CSS）来设置第二行的样式。这个想法是依靠背景颜色，然后用不同的颜色给第二行上色：

.box{
线高：1.2米；
背景：
线性坡度（至底部，#000 1.2米，红色0）；
-webkit背景剪辑：文本；
背景剪辑：文本；
-webkit文本填充颜色：透明；
颜色：透明；
/*说明*/
动画：改变2s线性无限交替；
边框：1px纯绿色；
}
@关键帧改变{
从{
宽度：100%；
}
到{
宽度：40%；
}
}

AAAAAAAAAAAAAAABBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBB

没有，但也许你可以绕过它，当第二个跨距在新的跨距上断开时，你想做什么line@meo任何事情，将文本变成红色，更改字体大小，添加边框，等等，你都必须看到浏览器中的开发工具何时响应，然后在css中使用媒体查询，您可以更改元素样式。