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

Question

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

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

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

可以通过CSS做到吗？

Answer 1

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

http://jsfiddle.net/6EmxP/

您可以使用jQuery路由执行相同的操作。

Answer 2

为什么不给那个<p>一个类或类似的东西？ 如果你想要它是动态添加一个类来使用javascript。您可以更好地设置条件。在这种情况下，CSS不是你的答案。这在某些方面有用:) http://net.tutsplus.com/tutorials/html-css-techniques/the-30-css-selectors-you-must-memorize/

Answer 3

我认为你不能用css做到这一点。你可以用jQuery做到这一点......

请参阅http://api.jquery.com/has/

Answer 4

我认为你不需要选择父母。

<p class="Lorem">Lorem</p>
<p>Isum <span>dolor</span></p>


.Lorem + p {color: green;}

Answer 5

您的第一个p元素实际上有一个孩子：它是一个文本节点。否则，可以使用:empty。

当您知道元素的确切位置时，可以使用:nth-child。没有必要上课（但会更快）。