代码之家  ›  专栏  ›  技术社区  ›  Manu Chadha

在组件的html中使用id属性可以吗?

  •  0
  • Manu Chadha  · 技术社区  · 5 年前

    考虑一个组件 c 具有 html

    <form id="someID"[formGroup]="codeEditorForm" novalidate>
    </form>
    

    具有 css

    #SomeID{
    color:grey;
    }
    

    如果 C P 两次,不是吗 id 也得到不应该发生的复制 html格式

    问题1-我不应该使用 在里面 Angular ? 问题2-我该怎么写 不使用的规则 身份证件 ?

    0 回复  |  直到 5 年前
        1
  •  1
  •   cloned    5 年前

    你呢 can 使用ID,但通常不需要这样做。

    <form id="someID" class="my-form" [formGroup]="codeEditorForm" novalidate>
    </form>
    
    .my-form {
      color: green;
    }
    

    还要注意的是,您应该确保在定义属性之后始终有一个空格。在您发布的示例中,后面没有空格 someId"

        2
  •  0
  •   tony    5 年前

    据我所知,两者之间有两个区别 id class .

    用于单个特定元素,而 可以针对多个元素,这意味着您通常会使用 身份证件

    第二个是 身份证件 选择器比 身份证件 中编写的选择器重写规则 选择器

    通常情况下,您不会使用它来覆盖规则,因为还有其他方法可以做到这一点,所以为了决定使用哪种方法,您需要做的就是考虑一下这一点>>您要给id的元素真的是唯一的吗?

        3
  •  0
  •   Abdus Salam Azad    5 年前

    html上的角度支持id。但是,由于要在“P”组件上多次加载“C”组件,因此Id将被复制。所以最好在html中使用类而不是id。。

    <form class="yourClass"[formGroup]="codeEditorForm" novalidate>
    </form>
    

    在你的“C”组件的css上,

      .yourClass{
        color:grey;
        }