0

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

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

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

CSS可以做到吗？

4

5 回答 5

1

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

http://jsfiddle.net/6EmxP/

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

于 2012-06-12T14:45:25.747 回答
0

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

于 2012-06-12T14:43:38.683 回答
0

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

见http://api.jquery.com/has/

于 2012-06-12T14:44:01.040 回答
0

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

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

于 2012-06-12T14:59:01.017 回答
0

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

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


.Lorem + p {color: green;}
于 2012-06-12T14:45:03.957 回答