質問編集履歴
1
数字が一部全角になっていたため、半角に訂正しました。
test
CHANGED
File without changes
|
test
CHANGED
@@ -10,17 +10,17 @@
|
|
10
10
|
|
11
11
|
|
12
12
|
|
13
|
-
順序
|
13
|
+
順序1: 1行目を読み#p1にスタイルを適用する。
|
14
14
|
|
15
|
-
順序
|
15
|
+
順序2: 5行目を読む→①で#p1に適用したスタイルを上書きする。
|
16
16
|
|
17
|
-
順序
|
17
|
+
順序3: 11行目を読む→min-width:1400pxに当てはまらないので無視?
|
18
18
|
|
19
|
-
順序
|
19
|
+
順序4: 17行目を読み#p2にスタイルを適用する。
|
20
20
|
|
21
21
|
|
22
22
|
|
23
|
-
よくわからないのが、順序
|
23
|
+
よくわからないのが、順序3です。
|
24
24
|
|
25
25
|
今回のケースの場合、ブラウザの挙動は以下のどちらとなるのでしょうか。
|
26
26
|
|
@@ -28,13 +28,13 @@
|
|
28
28
|
|
29
29
|
|
30
30
|
|
31
|
-
①
|
31
|
+
①11行目〜16行目を読むが、情報として保持しない。続いて17行目を読む。
|
32
32
|
|
33
|
-
②
|
33
|
+
②11行目を読んだ時点で(min-width:1400pxに関する記述が始まると判明してから)、
|
34
34
|
|
35
|
-
|
35
|
+
12行目〜15行目は読まず、16行目の「}」を読んでmin-width:1400pxに関する記述が終了したと判断し、
|
36
36
|
|
37
|
-
|
37
|
+
17行目を読む。
|
38
38
|
|
39
39
|
|
40
40
|
|