目标元素:没有兄弟文本节点的唯一孩子

时间:2017-09-13 15:37:00

标签: css

我的内容来自WYSIWYG编辑器,该编辑器由技术上不熟悉的客户使用,并提出了非常具有挑战性的要求。

基本上,只要在<a>内单独<p>,他们就希望<a>的样式像按钮一样。当我说“单独在<p>内”时,我也意味着没有周围的文字。

例如:

<p><a href="/foo">Bar</a></p>

风格像按钮,而

<p>Lorem ipsum dolor sit amet <a href="/foo">Bar</a></p>

不是。

不幸的是:only-child伪类在这里是不够的,因为它不认为文本节点是一个元素,因此上面的两个例子都将被设置为按钮。

我相信答案是否定的,但是有没有纯粹的CSS解决方案呢?

0 个答案:

没有答案