回答編集履歴
3
ed
test
CHANGED
|
@@ -28,7 +28,11 @@
|
|
|
28
28
|
|
|
29
29
|
なので、CSSの「定義」を`.card-header`の定義よりも後に書けば理論上は反映されます。
|
|
30
30
|
外部ファイルにしているのでしたら読み込み順確認を。
|
|
31
|
-
CSSフレームワークを利用している場合はもう少し複雑かもしれません。
|
|
31
|
+
CSSフレームワークを利用している場合はもう少し複雑かもしれません。親子関係とかもありますからね。
|
|
32
|
+
|
|
33
|
+
class内に書いた場合は、書いた順に関係なく、関連性は「並列」なので（idとかなら上位になったりする）、
|
|
34
|
+
あくまで定義の順番が影響します。
|
|
35
|
+
|
|
32
36
|
インライン（style="~~"）は最も優先度が高く最も後に書かれることになるので強いです。こと「ここだけに効かせたい」ときには最強です（ピンポイントにしか効かないので汎用性は最弱です）
|
|
33
37
|
|
|
34
38
|
また、`!important`の使い方をいったん見直してみてください。
|
2
edit
test
CHANGED
|
@@ -29,8 +29,7 @@
|
|
|
29
29
|
なので、CSSの「定義」を`.card-header`の定義よりも後に書けば理論上は反映されます。
|
|
30
30
|
外部ファイルにしているのでしたら読み込み順確認を。
|
|
31
31
|
CSSフレームワークを利用している場合はもう少し複雑かもしれません。
|
|
32
|
-
インライン（style="~~"）は最も優先度が高く最も後に書かれることになるので強いので
|
|
32
|
+
インライン（style="~~"）は最も優先度が高く最も後に書かれることになるので強いです。こと「ここだけに効かせたい」ときには最強です（ピンポイントにしか効かないので汎用性は最弱です）
|
|
33
|
-
|
|
34
33
|
|
|
35
34
|
また、`!important`の使い方をいったん見直してみてください。
|
|
36
35
|
提示されたコードが一部なので何とも言えませんが、提示された部分だけで言うと間違ってます。
|
1
a
test
CHANGED
|
@@ -11,7 +11,7 @@
|
|
|
11
11
|
color:red;
|
|
12
12
|
}
|
|
13
13
|
```
|
|
14
|
-
結果
|
|
14
|
+
CSSその１適用結果
|
|
15
15
|
|
|
16
16
|
|
|
17
17
|
cssその２
|
|
@@ -23,13 +23,17 @@
|
|
|
23
23
|
color:blue;
|
|
24
24
|
}
|
|
25
25
|
```
|
|
26
|
-
結果
|
|
26
|
+
CSSその２適用結果
|
|
27
27
|
|
|
28
28
|
|
|
29
|
-
なので、CSSの「定義」を`.card-header`よりも後に書けば理論上は反映されます。
|
|
29
|
+
なので、CSSの「定義」を`.card-header`の定義よりも後に書けば理論上は反映されます。
|
|
30
|
-
|
|
30
|
+
外部ファイルにしているのでしたら読み込み順確認を。
|
|
31
|
+
CSSフレームワークを利用している場合はもう少し複雑かもしれません。
|
|
32
|
+
インライン（style="~~"）は最も優先度が高く最も後に書かれることになるので強いので反映されます。
|
|
31
33
|
|
|
34
|
+
|
|
35
|
+
また、`!important`の使い方をいったん見直してみてください。
|
|
32
|
-
|
|
36
|
+
提示されたコードが一部なので何とも言えませんが、提示された部分だけで言うと間違ってます。
|
|
33
37
|
https://developer.mozilla.org/ja/docs/Web/CSS/important
|
|
34
38
|
|
|
35
39
|
|