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

Question

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

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

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

CSS可以做到吗？

score 1 · Accepted Answer

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

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

score 0 · Accepted Answer

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

score 0 · Accepted Answer

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

score 0 · Accepted Answer

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

当你知道元素的确切位置时，:nth-child就可以使用了。不需要上课（但会更快）。

score 0 · Accepted Answer

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

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


.Lorem + p {color: green;}

5 回答 5