是否可以根据在常规文本之前或之后显示的跨度来设置不同的样式?

时间:2019-07-05 20:07:15

标签: css

我想知道是否可以根据<span>标签内的位置来更改<p>标签的样式。

例如:

<p><span>Lorem</span> ipsum dolor sit amet</p>
<p>Inquit, <span>contingit</span> omnibus fidibus, ut incontentae sint.</p>
<p>Unum est sine dolore esse, alterum <span>cum voluptate.</span></p>
  • 如果跨度出现在任何其他文本之前,我想将其设置为红色,
  • 如果 跨度之前和之后都有文本,我想将其设置为蓝色,
  • 如果 跨度后面没有文字,我想将其设置为绿色。

我知道使用类,其他标识属性甚至JavaScript处理此问题的方法,但是有没有纯粹的CSS解决方案?

0 个答案:

没有答案