如何引用角度组件';在不引用任何标记的情况下设置CSS的完整模板?
我通常为每个视图设置一个外部DIV,作为基本背景等如何引用角度组件';在不引用任何标记的情况下设置CSS的完整模板?,css,angular,sass,angular2-template,Css,Angular,Sass,Angular2 Template,我通常为每个视图设置一个外部DIV,作为基本背景等 <div class="outer"> <!-- Actual stuff in here --> </div> 这增加了一个缩进的杠杆,看起来是一个不必要的(虽然很小)复杂性增加。因此,我想知道是否有可能向模板本身添加样式。部分原因是为了降低复杂性。部分原因是,我将使用完全没有标记的纯文本元素 如果没有标记,只有文本,是否可以从SASS文件中设置模板的样式?您可以使用选择器将样式应用于组件主体元素:
<div class="outer">
<!-- Actual stuff in here -->
</div>
这增加了一个缩进的杠杆,看起来是一个不必要的(虽然很小)复杂性增加。因此,我想知道是否有可能向模板本身添加样式。部分原因是为了降低复杂性。部分原因是,我将使用完全没有标记的纯文本元素
如果没有标记,只有文本,是否可以从SASS文件中设置模板的样式?您可以使用选择器将样式应用于组件主体元素:
:host {
color: red;
}
请参阅演示。您的文本元素肯定位于
或其他您可以针对的语义标记中,对吗?@SamWillis Negative。他们不会的。(或者,更确切地说,它们可能不是。)为了方便读者,我仍然想对它们进行一些风格设计。(同时,我也很好奇是否能做到。学术好奇心。)
:host {
color: red;
}