Q&A
現在HTML/CSS/JSを使って勉強をしています。
そこで外部ファイルの読み込みについて疑問があります。
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>タイトル</title> <link rel="stylesheet" href="css/styles.css"> </head> <body> <script src="js/main.js"></script> </body> </html>
調べたところ、この場合CSSのファイルが先に読み込まれるらしいのですが、
例えば、JSファイルでcreateElementで要素を生成し、
その要素にスタイルをつけたかった場合、スタイルが適用される意味がわからないです。
CSSファイルが先に読み込まれるなら、まだその要素は存在していない事になると思うのですが、試したところスタイルは適用されていました。
この理由が調べてもよくわからないので教えていただきたいです。
用語や根本的に情報が違ったら申し訳ありません。
よろしくお願い致します。
回答1件
0
ベストアンサー
CSSファイルが先に読み込まれるなら、まだその要素は存在していない事になると思うのですが
CSSはあとから生成したHTML要素にも問題なく適用されます。ページを開いた後にJavaScriptで動的に要素を生成してもCSSによるスタイルは適用されますが、それと同じことです。
（どちらかというとコメントがメインとなってしまったので、そちらを参照いただけましたら幸いです）
投稿2020/11/25 08:52
編集2020/11/25 08:54
総合スコア145975
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2020/11/25 08:53
2020/11/25 08:57