我的内容来自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解决方案呢?