css - 如何为没有定义子元素的 html 元素选择和应用样式？

Question

如何为没有定义子元素的 html 元素选择和应用样式？例如:

<p>Lorem</p>
<p>Isum <span>dolor</span></p>

我想为第一个 p 应用一些样式，因为它不包含 span 元素。

可以用CSS来实现吗？

Answer 1

您必须在第一个 p 上放置一个选择器才能仅在 CSS 中执行此操作:

http://jsfiddle.net/6EmxP/

您可以使用 jQuery 路由来做同样的事情。