有没有办法限制指向 <p> / 段落的链接的 CSS 样式？答案

【问题标题】：Is there a way to limit CSS styling for a link to a <p> / paragraph?有没有办法限制指向 <p> / 段落的链接的 CSS 样式？
【发布时间】：2018-05-12 15:08:42
【问题描述】：

目前，我正在尝试对 reddit 页面进行大修，并且正在努力为侧边栏中的多个链接设置样式。是否可以在没有类的情况下为段落中的链接设置样式？如果没有，是否还有其他可能性，因为除了多张图片之外我似乎找不到任何其他可能性。

<p>
<a href="#">Only links in this paragraph will be styled.</a>
</p>

【问题讨论】：

不确定您所说的“限制段落链接的样式” ...就像只嵌套在段落中的样式链接？你的问题不清楚。无论如何，如果您需要帮助，您应该分享您尝试过但不起作用的内容。
这正是我的意思，编辑后的帖子中有一个例子。至于CSS，我不知道是否可以仅设置嵌套在段落中的链接或仅设置段落本身的样式。由于 reddit 仅允许您编辑 CSS，因此我无法创建类并以这种方式设置样式。

标签： html css hyperlink reddit paragraph

【解决方案1】：

这是你要找的吗？

p a {
  color: red;
}

您可能需要将!important 添加到您尝试覆盖的属性。

【讨论】：

是的，我刚刚注意到我是一个土豆，并注意到其他链接也在同一段中。这意味着它们都有样式，而不仅仅是一个。

【解决方案2】：

基本上，有几个答案。我将按照我认为对您最重要的方式订购它们。

方式#1： 如果您想将样式限制为特定段落，则需要为该段落指定 ID 或 CLASS。下面是一个例子。

<p id="myParagraph">
     <a href="#">Link</a>
</p>

然后在你的 CSS 中你必须“选择”你的段落和你想要的标签。你可以这样做......

p#myParagraph a {
     /* Style elements */
}

请注意，您会将您的 ID 放在井号之后，而不一定是“myParagraph”

方式#2： 你可以只调用 Paragraph 标签，然后调用 Anchor 标签

p a {
     /* Style Elements */
}

【讨论】：