新バージョンが出たら旧バージョンの記述は消すか？

Question

前提・実現したいこと

初心者のため、正しいやり方を教えていただきたいです＞＜

発生している問題・エラーメッセージ

4.5.2のバージョンと4.1.3のバージョンを並べて、自身のホームページに記入しています。
問題なく運営できていますが、ふと疑問に思いました。
バージョンアップするたびに記述が増えるのかと…

①新しいバージョンが出るたびに追加追加で記入していくものでしょうか？
②それとも4.5.2だけ残して、古いほうの4.1.3は消してしまってもいいでしょうか？

消すのかな…と思っているのですが、不安なので正しいやり方を教えて頂けたら助かります。
よろしくお願いいたします。

該当のソースコード

CNDのCSSの記述ですが、現在こんな状態で新バージョンと旧バージョン二つ並べています。↓

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous"> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">

試したこと

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

Answer 1

4.5.2のバージョンと4.1.3のバージョンを並べて、自身のホームページに記入しています。

異なるバージョンが混在させることは特別な理由でもない限りやるべきではないと思います。
通常、Bootstrapなどに限らず、バージョンアップを決めたのなら新しいバージョンの機能に合わせて作り変えます。

もちろん、導入を決める前に互換性云々は十分調査します。
そのうえで、互換性がない機能についてはどのように載せ替えるか、大体機能はないか、自作するかを検討します。

Comments

[naomina]

早速のご回答ありがとうございます。
ずっと疑問に思っていたことだったので、解決して嬉しいです。
ありがとうございました。

[m.ts10806]

それに同じ機能使ってるなら２つ読み込ませるのは高コストになります。
それだけメモリやリソースを喰うので、パフォーマンスの低下にもつながります。

[naomina]

なるほどですね。
とっても為になります＞＜ありがとうございます。

[m.ts10806]

質問「受付中」のままですが、他にも回答を待ってる形ですか？
https://teratail.com/help/question-tips#questionTips4

[naomina]

使い方がわかってなかったです＞＜
ありがとうございました。

Answer 2

CSS は上から順に読み込まれ、同じ要素への記述は上書きされます。

この質問では新バージョンの下に旧バージョンを書いているため、新バージョンの記述はほとんど旧バージョンによって上書きされているものと思われます。
実質的に旧バージョンのみ使用している状態なので、消しましょう。

Comments

[naomina]

ありがとうございます。そうだったのですね＞＜
よくわかりました＾＾
ありがとうございました！