css default if inherit not defined

Question

Можно ли установить значение по умолчанию для свойства 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> тега не имеет атрибута размера шрифта.

Answer 1

Он подходит к specificity - тем более предпочтительным является правило. Таким образом, вы можете просто определить глобальное, а затем изменить его локально. Если правило не соответствует, оно не перезаписывается. Heres сниппет пример:

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; }