回答編集履歴

2

修正

2019/07/24 02:50

投稿

m.ts10806
m.ts10806

スコア80861

test CHANGED
@@ -3,3 +3,33 @@
3
3
 
4
4
 
5
5
  ![イメージ説明](1877d9c92af9cc1670b2c6eb4d406269.png)
6
+
7
+
8
+
9
+ ちなみに、
10
+
11
+ 「別のファイルに同じ指定があった場合」下記のようになります。
12
+
13
+ ![イメージ説明](a311414930cad62c442be25761bbf113.png)
14
+
15
+
16
+
17
+ PHPやJavaなどクラス・メソッドなど所属が明示されるプログラムならまだしも
18
+
19
+ CSSはそういうプログラミング言語とはまた違うものですので、これくらいが限界とは思います。
20
+
21
+ (同名定義でエラーがでるとかではないあくまで基本はあと勝ち)
22
+
23
+
24
+
25
+ ということで「基本はあと勝ち」という原則のもと、コード内検索で対応するしかないように思います。
26
+
27
+ 検索で見つけられるので覚える必要はありません。
28
+
29
+ むしろCSSフレームワークであればMATERIAL CSSのようにクラスには必ず接頭辞がつくネーミングルールのあるものもありますし、
30
+
31
+ 「衝突を避けたい」のが目的であれば既に回答があるようにBootstrapのように接頭辞のないネーミングが採用されているCSSフレームワークを避けるのも1つの手です。
32
+
33
+
34
+
35
+ 個人的には「もし名前が衝突してレイアウトの影響があるようなことがあれば自分で作ったクラスの名前変えればいいじゃん」と思います。

1

修正

2019/07/24 02:50

投稿

m.ts10806
m.ts10806

スコア80861

test CHANGED
@@ -1 +1,5 @@
1
1
  ブラウザの開発ツールから見ると該当のクラスがどのファイルに書かれているか分かるのでそこから判断するくらいでしょうか。
2
+
3
+
4
+
5
+ ![イメージ説明](1877d9c92af9cc1670b2c6eb4d406269.png)