Css 标签是如何相互继承的？

我对p有以下定义：

.contact p {
    margin: 5px 0 0 10px;
    font-size:0.875em;
    color: gray;  
}

我希望下面的电子邮件链接也继承p的所有内容：

.contact a:link {
    text-decoration: none;
}

---

如何操作？

要获得

。请联系a

以获得与您的

p

相同的样式，只需列出您的选择器，以逗号分隔，如下所示：

.contact p, .contact a {
    /* your styles */
}

.contact p, .contact a {
    margin: 5px 0 0 10px;
    font-size:0.875em;
    color: gray;  
}

.rounded-corners (@radius: 5px) {
  border-radius: @radius;
  -webkit-border-radius: @radius;
  -moz-border-radius: @radius;
}

#header {
  .rounded-corners;
}
#footer {
  .rounded-corners(10px);
}

---

CSS中没有以这种方式提供的继承。您必须修改

。请联系p

选择器，以便它也选择

a

。比如：

.contact p, .contact a { /* Your styling */ }

另一种选择是使用CSS预处理器，如or，它通过一些方便的功能（如变量、混合、嵌套规则等）扩展CSS。使用较少的混合和变量，可以实现如下继承：

.contact p, .contact a {
    margin: 5px 0 0 10px;
    font-size:0.875em;
    color: gray;  
}

.rounded-corners (@radius: 5px) {
  border-radius: @radius;
  -webkit-border-radius: @radius;
  -moz-border-radius: @radius;
}

#header {
  .rounded-corners;
}
#footer {
  .rounded-corners(10px);
}

---

你一定没有听说过

inherit

关键字。@BoltClock我确实听说过，但问题并不是说a元素是p的子元素。是的，我错过了。。。我想我在某种程度上误解了这个问题。