如果未定义继承，则为css default

Question

如果未定义inherit，是否可以为css属性设置默认值？ 例如：

.td { 
    font-size: 9px; 
}
.link { 
    font-size: inherit; 
    color: inherit; 
    text-decoration: underline; 
}

开启

<td class=td>
    <a class=link href="#">hello!!</a>
 </td> 

<a>继承.td。

的字体大小

但是，

<td>
    <a class=link href="#">hello!!</a>
</td>

<a>标记没有font-size属性。

Answer 1

它转向specificity - 更具体，规则获得的偏好越多。所以你可以简单地定义一个全局，然后在本地修改它。如果规则不匹配，则不会被覆盖。下面是一个片段示例：

body { font-size: 20px; }
div { font-size: 10px; }

<div><a href="#">Nested inside a div</a></div>

<a href="#">Not nested</a>

div不是更多特定的，但会获得偏好，因为它稍后定义。只需确保您没有定义链接的默认字体大小，它将始终从最接近的有效规则继承它。如果您确实要设置字体大小，则必须将其添加到类描述中，如下所示：

div, div a { font-size: 10px; }