フォームブリッジ、文字列(1行)の横幅変更について

お世話になっております。

フォームブリッジ、JS初心者です。

質問は表題の通りです。

文字列(1行)が10個あり、横幅をCSSで一括指定してあります。

その内の1つだけ、横幅の変更をしたいのですが、これはJSでの設定が必要なので

しょうか?

記述コードを教えて頂けると幸いです。

よろしくお願いします。

お世話になっております。トヨクモの山口です。

以下の :nth-child() を使うと CSS のみで対応可能です。
https://developer.mozilla.org/ja/docs/Web/CSS/:nth-child

たとえば以下のような CSS で2番目のフィールドの横幅のみを 500px にできます。

.ui.form .row:nth-child(2) .el-form-item .el-input {
  width: 1000px !important;
}

以上、ご確認いただけますと幸いです。
よろしくお願いいたします。