кратчайший способ установки веса шрифта: жирный; к содержанию компонента

Question

Что я должен записать в файл s css, чтобы установить font-weight: bold; для внутреннего содержимого компонента (чтобы его унаследовали внутренние теги)? использование

:host {
  font-weight: bold;
}

делает эту работу, но делает это и для самого тега компонента.

Какая техника в этом случае лучшая? Кроме того, я бы не стал использовать теги div, p, span или любой другой, который является потомком тега компонента.

Спасибо.

Answer 1

Вы можете отключить инкапсуляцию компонента

@Component({
  ...
  encapsulation: ViewEncapsulation.None
})

Позаботьтесь, если вы сделаете это, тогда весь глобальный стиль может применяться к DOM внутри вашего компонента.

Answer 2

Вы можете использовать селектор universal. Внутри вашего компонента .s css place:

* {
  font-weight: bold;
}

Компилятор angular добавит тег выбора содержимого в селектор, что приведет к чему-то вроде *[_ngcontent-uch-c0].

Использование подстановочного знака может оказать некоторое влияние на производительность, поэтому используйте осторожно