css - 样式化 p 标签，但不是当它们有 a 标签时

Question

我在这里的第一篇文章，不幸的是它不会那么令人兴奋，我需要一个包括 IE6 的答案。

为了在段落之间留出空间，我设计了我的 <p>像这样的标签:

div.content_cms p {
 margin-top: 0px;
 margin-bottom: 15px;
 padding: 0px 15px 0px 0px;
}

用于分隔段落的底部边距。这当然可以正常工作。但是我还需要用 html 设置一个链接的样式是这样的:

<p><a href="#">Text</a> </p>

当有如上例所示的链接时，我不希望应用 margin-bottom。我试图用这个修复它:

div.content_cms p a {
 margin-bottom: 0px !important;
}

这当然行不通。

我正在向 <a> 添加一个类使用 jQuery 标记，这样我就可以自动向链接添加图标。我尝试添加

margin-bottom: 0px !important;

到我用 jQuery 添加的类，但这也不起作用。

<p>paragraphs</p> 之间样式间距的最佳方式是什么？有文字但没有带链接的段落？

谢谢。

Answer 1

您可以使用 jQuery 轻松地做到这一点:

$('p').has('a').css('margin-bottom', 0);

现场演示: http://jsfiddle.net/NyjvT/

---

如果需要设置多个样式，那么考虑一下:

$('p').has('a').addClass('whatever');

CSS:

p.whatever { margin-botttom:0; font-size:20px; ... }