Не совсем до понимаю происходящее:
С помощью универсального селектора *
произвел сброс параметров в том числе и font-size: 0;
, далее в разметке для блока заголовка установил размер шрифта, к примеру, 16рх. В этом блоке находятся несколько заголовков и как я понимаю они должны унаследовать размер шрифта у родителя... но на деле получается 0.
Вопрос: При использовании *
, в данном случае, каждому тегу необходимо задавать размер шрифта, так как свойство будет наследоваться не от родителя,а браться по правилу "для всех тегов" и для переопределения необходимо задавать явно свойство каждому элементу?
1 ответ
Ибо селектор * становиться важнее стандартного значения. Что бы указать что внутренние теги должны следовать родительскому размеру нужно превысить приоритет звездочки. Например:
CSS
* {font-size: 10px;}
.txt {font-size: 20px;}
.txt * {font-size: inherit;}
HTML
текст вне
<div class="txt">
текст 0
<span>текст 1</span>
<strong>текст 2</strong>
<div>текст 3</div>
</div>
Отобразит внутренний контент размером 20px как указано в классе txt
и все будет наследоваться, а этот пример:
CSS
* {font-size: 10px;}
.txt {font-size: 20px;}
HTML
текст вне
<div class="txt">
текст 0
<span>текст 1</span>
<strong>текст 2</strong>
<div>текст 3</div>
</div>
Отобразит весь текст размера 10px как указано в селекторе *.
-
-
@soledar10 работает в любом варианте. Но да, подразумевалось все-таки 10px.– Telion20 мар 2016 в 12:07
-
Если вы проверяли без doctype, тогда да, браузер будет вычислять в px, а если с doctype - будет ошибка invalid property value 20 мар 2016 в 12:15
-
*
сбросил размер шрифта, далее для блока имеющего некий контент задал размер, но теги внутри блока не наследуют это правило и приходиться задавать его явно тегам напрямуюfont-size: inherit
что бы те наследовали? Можно сделать что-то типаdiv * {font-size: inherit;}