:first-child と :nth-child(1) のどちらを使えばいいですか?

どちらで記述しても構いません。
2023年3月2日
ユーザー

li:first-child {
  color: red;
}

と記述した場合、li の初めの要素が赤字になりますが、

li:nth-child(1) {
  color: red;
}

とした場合も、同じ動作です。

→同じ動作なら①、②どちらを使用してもいいのでしょうか?
li が少ない時は () で何番目かを指定する、項目がたくさんあるときは全部で何個か数えるのが大変なので、:first-child:last-child で記述する、といった使いわけでいいのでしょうか?

ご回答よろしくお願いします。

この回答を見るにはプレミアムプランへの登録が必要です

プレミアムプランとは?