html - 具有全局类的第一个类型与本地类不同

标签 html css angular

<分区>

当我们有这部分代码时:

<div *ngFor="element of elements1" class="element"></div>
<div *ngFor="element of elements2" class="element"></div>

和类元素:

.element {
color:red;
}
.element:first-of-type {
color:blue;
}

我们有两种情况:

  • 第一个是类 element 是全局的。 在这种情况下,elements1 的第一个元素将为蓝色

  • 第二个是“元素”类是本地类。 在这种情况下,两个数组的第一个元素都是蓝色的

为什么两种情况下的行为不一样?

最佳答案

试试这个:

<div 
  *ngFor="element of elements1; let first = first;" 
  class="element" 
  [ngStyle]="first && {'color': 'blue'}">
</div>

这将为第一个 div 设置颜色。

关于html - 具有全局类的第一个类型与本地类不同,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59643765/

上一篇:css - 我们如何在没有滚动条(JSP)的情况下查看选择下拉列表中可用的所有选项/值?

下一篇:javascript - Vue.js 基于子域加载 CSS

相关文章:

javascript - 同时使用 $ 和 jquery 作为变量

html - 如何在 ngx-carousel 中使用文本框同时滚动/滑动图像?

css - 使用 Angular 5 和 Flex 布局的 Div 之间的距离相等

javascript - 如何为一个 div 设置动画以显示并移动到另一个 div 上方

html - 如何避免谷歌页面速度的过度序列化?

javascript - canvas.drawImage 使裁剪后的图像不成比例

html - 更改链接的 div/id 的 CSS

html - 媒体查询未触发

jquery 链接选择器不起作用

javascript - 如何防止按 Enter 时提交表单